npm - @stoplight/elements-core - Versions diffs - 9.0.25 → 9.0.26 - Mend

@stoplight/elements-core 9.0.25 → 9.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/components/TryIt/Response/Response.d.ts +1 -0
package/index.esm.js +261 -112
package/index.js +260 -111
package/index.mjs +261 -112
package/package.json +1 -1
package/utils/exampleGeneration/exampleGeneration.d.ts +1 -0

package/components/TryIt/Response/Response.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ export interface ResponseState {
     bodyText?: string;
     contentType: string | null;
     blob?: Blob;
+    skipBodyParsing?: boolean;
 }
 export interface ErrorState {
     error: Error;

package/index.esm.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, memo, useMemo, useState, useEffect, useRef, useLayoutEffect } from 'react';
 import { convertToJsonSchema } from '@stoplight/http-spec/oas';
-import { resolveInlineRef, hasRef, isPlainObject as isPlainObject$1, safeParse, safeStringify } from '@stoplight/json';
+import { resolveInlineRef, hasRef, isPlainObject as isPlainObject$1, safeStringify, safeParse } from '@stoplight/json';
 import isArray from 'lodash/isArray.js';
 import isPlainObject from 'lodash/isPlainObject.js';
 import { NodeType, HttpParamStyles } from '@stoplight/types';
@@ -16,6 +16,7 @@ export { DefaultSMDComponents } from '@stoplight/markdown-viewer';
 import cn from 'classnames';
 import { atomWithStorage, useAtomValue } from 'jotai/utils';
 import { atom, useAtom, Provider } from 'jotai';
+import * as Sampler from '@stoplight/json-schema-sampler';
 import URI from 'urijs';
 import isString from 'lodash/isString.js';
 import { CodeViewer } from '@stoplight/mosaic-code-viewer';
@@ -38,7 +39,6 @@ import map from 'lodash/map.js';
 import mapValues from 'lodash/mapValues.js';
 import pickBy from 'lodash/pickBy.js';
 import { CodeEditor } from '@stoplight/mosaic-code-editor';
-import * as Sampler from '@stoplight/json-schema-sampler';
 import compact from 'lodash/compact.js';
 import uniq from 'lodash/uniq.js';
 import orderBy from 'lodash/orderBy.js';
@@ -652,6 +652,242 @@ function useIsCompact(layoutOptions) {
 const chosenServerAtom = atom(undefined);
+const mergeOneOfAnyOf = (schema) => {
+    if (!isPlainObject$1(schema)) {
+        return schema;
+    }
+    let result = Object.assign({}, schema);
+    if (result.oneOf && result.oneOf.length > 0) {
+        const firstOption = result.oneOf[0];
+        const { oneOf } = result, rest = __rest(result, ["oneOf"]);
+        result = Object.assign(Object.assign({}, rest), firstOption);
+    }
+    else if (result.anyOf && result.anyOf.length > 0) {
+        const firstOption = result.anyOf[0];
+        const { anyOf } = result, rest = __rest(result, ["anyOf"]);
+        result = Object.assign(Object.assign({}, rest), firstOption);
+    }
+    if (result.properties) {
+        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, mergeOneOfAnyOf(value)]));
+    }
+    if (result.items) {
+        result.items = mergeOneOfAnyOf(result.items);
+    }
+    if (result.allOf) {
+        result.allOf = result.allOf.map((item) => mergeOneOfAnyOf(item));
+    }
+    delete result.oneOf;
+    delete result.anyOf;
+    return result;
+};
+const OAS_FORMAT_RANGES = {
+    int32: { minimum: 0 - Math.pow(2, 31), maximum: Math.pow(2, 31) - 1 },
+    int64: { minimum: Number.MIN_SAFE_INTEGER, maximum: Number.MAX_SAFE_INTEGER },
+    float: { minimum: 0 - Math.pow(2, 128), maximum: Math.pow(2, 128) - 1 },
+    double: { minimum: 0 - Number.MAX_VALUE, maximum: Number.MAX_VALUE },
+};
+const stripInferredNumericBounds = (schema) => {
+    var _a;
+    if (!isPlainObject$1(schema)) {
+        return schema;
+    }
+    const result = Object.assign({}, schema);
+    const explicitProperties = Array.isArray((_a = result === null || result === void 0 ? void 0 : result['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
+        ? result['x-stoplight'].explicitProperties
+        : [];
+    const isNumericType = result.type === 'integer' || result.type === 'number';
+    const formatRange = OAS_FORMAT_RANGES[result.format];
+    const hasExplicitMinimum = explicitProperties.includes('minimum') && result.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
+    const hasExplicitMaximum = explicitProperties.includes('maximum') && result.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
+    if (isNumericType && !hasExplicitMinimum) {
+        delete result.minimum;
+    }
+    if (isNumericType && !hasExplicitMaximum) {
+        delete result.maximum;
+    }
+    if (result.properties && isPlainObject$1(result.properties)) {
+        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, stripInferredNumericBounds(value)]));
+    }
+    if (Array.isArray(result.items)) {
+        result.items = result.items.map((item) => stripInferredNumericBounds(item));
+    }
+    else if (result.items) {
+        result.items = stripInferredNumericBounds(result.items);
+    }
+    if (Array.isArray(result.allOf)) {
+        result.allOf = result.allOf.map((item) => stripInferredNumericBounds(item));
+    }
+    if (Array.isArray(result.oneOf)) {
+        result.oneOf = result.oneOf.map((item) => stripInferredNumericBounds(item));
+    }
+    if (Array.isArray(result.anyOf)) {
+        result.anyOf = result.anyOf.map((item) => stripInferredNumericBounds(item));
+    }
+    return result;
+};
+const FLOAT_ZERO_MARKER = '__FLOAT_ZERO__';
+const markFloatZeros = (value, schema) => {
+    if (!isPlainObject$1(schema))
+        return value;
+    if (Array.isArray(schema.allOf)) {
+        return schema.allOf.reduce((currentValue, item) => markFloatZeros(currentValue, item), value);
+    }
+    if (Array.isArray(schema.oneOf) && schema.oneOf.length > 0) {
+        return markFloatZeros(value, schema.oneOf[0]);
+    }
+    if (Array.isArray(schema.anyOf) && schema.anyOf.length > 0) {
+        return markFloatZeros(value, schema.anyOf[0]);
+    }
+    if (schema.type === 'number' && (schema.format === 'float' || schema.format === 'double') && value === 0) {
+        return FLOAT_ZERO_MARKER;
+    }
+    if (isPlainObject$1(value) && isPlainObject$1(schema.properties)) {
+        return Object.fromEntries(Object.entries(value).map(([k, v]) => { var _a; return [k, markFloatZeros(v, (_a = schema.properties[k]) !== null && _a !== void 0 ? _a : {})]; }));
+    }
+    if (Array.isArray(value) && schema.items && !Array.isArray(schema.items)) {
+        return value.map((item) => markFloatZeros(item, schema.items));
+    }
+    return value;
+};
+const stringifyWithFloatZeros = (value) => {
+    var _a;
+    if (value === FLOAT_ZERO_MARKER)
+        return '0.0';
+    return ((_a = safeStringify(value, undefined, 2)) !== null && _a !== void 0 ? _a : '').replace(/"__FLOAT_ZERO__"/g, '0.0');
+};
+const normalizeInferredNumericBounds = (value, schema) => {
+    var _a;
+    if (!isPlainObject$1(schema))
+        return value;
+    const schemaObject = schema;
+    if (Array.isArray(schemaObject.allOf)) {
+        return schemaObject.allOf.reduce((currentValue, item) => normalizeInferredNumericBounds(currentValue, item), value);
+    }
+    if (Array.isArray(schemaObject.oneOf) && schemaObject.oneOf.length > 0) {
+        return normalizeInferredNumericBounds(value, schemaObject.oneOf[0]);
+    }
+    if (Array.isArray(schemaObject.anyOf) && schemaObject.anyOf.length > 0) {
+        return normalizeInferredNumericBounds(value, schemaObject.anyOf[0]);
+    }
+    const explicitProperties = Array.isArray((_a = schemaObject === null || schemaObject === void 0 ? void 0 : schemaObject['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
+        ? schemaObject['x-stoplight'].explicitProperties
+        : [];
+    const isNumericType = schemaObject.type === 'integer' || schemaObject.type === 'number';
+    const formatRange = OAS_FORMAT_RANGES[schemaObject.format];
+    const hasExplicitMinimum = explicitProperties.includes('minimum') && schemaObject.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
+    const hasExplicitMaximum = explicitProperties.includes('maximum') && schemaObject.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
+    if (isNumericType &&
+        formatRange &&
+        ((!hasExplicitMinimum && value === formatRange.minimum) || (!hasExplicitMaximum && value === formatRange.maximum))) {
+        return schemaObject.type === 'number' && (schemaObject.format === 'float' || schemaObject.format === 'double')
+            ? FLOAT_ZERO_MARKER
+            : 0;
+    }
+    if (isPlainObject$1(value) && isPlainObject$1(schemaObject.properties)) {
+        return Object.fromEntries(Object.entries(value).map(([key, nestedValue]) => {
+            var _a;
+            return [
+                key,
+                normalizeInferredNumericBounds(nestedValue, (_a = schemaObject.properties[key]) !== null && _a !== void 0 ? _a : {}),
+            ];
+        }));
+    }
+    if (Array.isArray(value) && schemaObject.items && !Array.isArray(schemaObject.items)) {
+        return value.map((item) => normalizeInferredNumericBounds(item, schemaObject.items));
+    }
+    if (Array.isArray(value) && Array.isArray(schemaObject.items)) {
+        return value.map((item, index) => normalizeInferredNumericBounds(item, schemaObject.items[index]));
+    }
+    return value;
+};
+const stringifyExampleWithResolvedSchema = (value, schema) => {
+    const normalizedValue = normalizeInferredNumericBounds(value, schema);
+    return stringifyWithFloatZeros(markFloatZeros(normalizedValue, schema));
+};
+const useGenerateExampleFromMediaTypeContent = (mediaTypeContent, chosenExampleIndex, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks } = {}) => {
+    const document = useDocument();
+    return React__default.useMemo(() => generateExampleFromMediaTypeContent(mediaTypeContent, document, chosenExampleIndex, {
+        skipNonRequired,
+        skipWriteOnly,
+        skipReadOnly,
+        ticks: ticks || 6000,
+    }), [mediaTypeContent, document, chosenExampleIndex, skipNonRequired, skipWriteOnly, skipReadOnly, ticks]);
+};
+const generateExampleFromMediaTypeContent = (mediaTypeContent, document, chosenExampleIndex = 0, options) => {
+    var _a;
+    const textRequestBodySchema = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.schema;
+    const textRequestBodyExamples = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.examples;
+    try {
+        if (textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples.length) {
+            return ((_a = safeStringify(textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples[chosenExampleIndex]['value'], undefined, 2)) !== null && _a !== void 0 ? _a : '');
+        }
+        else if (textRequestBodySchema) {
+            let unwrappedSchema = getResolvedObject(textRequestBodySchema);
+            unwrappedSchema = stripInferredNumericBounds(unwrappedSchema);
+            unwrappedSchema = mergeOneOfAnyOf(unwrappedSchema);
+            const generated = Sampler.sample(unwrappedSchema, options, document);
+            if (generated === null)
+                return '';
+            return stringifyExampleWithResolvedSchema(generated, unwrappedSchema);
+        }
+    }
+    catch (e) {
+        console.warn(e);
+        return `Example cannot be created for this schema\n${e}`;
+    }
+    return '';
+};
+const generateExamplesFromJsonSchema = (schema) => {
+    var _a;
+    const examples = [];
+    if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.examples)) {
+        schema.examples.forEach((example, index) => {
+            var _a;
+            examples.push({
+                data: (_a = safeStringify(example, undefined, 2)) !== null && _a !== void 0 ? _a : '',
+                label: index === 0 ? 'default' : `example-${index}`,
+            });
+        });
+    }
+    else if (isPlainObject$1(schema === null || schema === void 0 ? void 0 : schema['x-examples'])) {
+        for (const [label, example] of Object.entries(schema['x-examples'])) {
+            if (isPlainObject$1(example)) {
+                const val = example.hasOwnProperty('value') && Object.keys(example).length === 1 ? example.value : example;
+                examples.push({
+                    label,
+                    data: (_a = safeStringify(val, undefined, 2)) !== null && _a !== void 0 ? _a : '',
+                });
+            }
+        }
+    }
+    if (examples.length) {
+        return examples;
+    }
+    try {
+        let resolvedSchema = getResolvedObject(schema);
+        resolvedSchema = stripInferredNumericBounds(resolvedSchema);
+        resolvedSchema = mergeOneOfAnyOf(resolvedSchema);
+        const generated = Sampler.sample(resolvedSchema, {
+            maxSampleDepth: 4,
+            ticks: 6000,
+        });
+        return generated !== null
+            ? [
+                {
+                    label: 'default',
+                    data: stringifyExampleWithResolvedSchema(generated, resolvedSchema),
+                },
+            ]
+            : [{ label: 'default', data: '' }];
+    }
+    catch (e) {
+        return [{ label: '', data: `Example cannot be created for this schema\n${e}` }];
+    }
+};
+const exceedsSize = (example, size = 500) => {
+    return example.split(/\r\n|\r|\n/).length > size;
+};
 function isValidServer(server) {
     return server.url !== null;
 }
@@ -1818,114 +2054,6 @@ function ExampleMenu({ examples, requestBody, onChange }) {
     return (React.createElement(Menu, { "aria-label": "Examples", items: menuItems, renderTrigger: ({ isOpen }) => (React.createElement(Button, { appearance: "minimal", size: "sm", iconRight: ['fas', 'sort'], active: isOpen }, "Examples")) }));
 }
-const mergeOneOfAnyOf = (schema) => {
-    if (!isPlainObject$1(schema)) {
-        return schema;
-    }
-    let result = Object.assign({}, schema);
-    if (result.oneOf && result.oneOf.length > 0) {
-        const firstOption = result.oneOf[0];
-        const { oneOf } = result, rest = __rest(result, ["oneOf"]);
-        result = Object.assign(Object.assign({}, rest), firstOption);
-    }
-    else if (result.anyOf && result.anyOf.length > 0) {
-        const firstOption = result.anyOf[0];
-        const { anyOf } = result, rest = __rest(result, ["anyOf"]);
-        result = Object.assign(Object.assign({}, rest), firstOption);
-    }
-    if (result.properties) {
-        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, mergeOneOfAnyOf(value)]));
-    }
-    if (result.items) {
-        result.items = mergeOneOfAnyOf(result.items);
-    }
-    if (result.allOf) {
-        result.allOf = result.allOf.map((item) => mergeOneOfAnyOf(item));
-    }
-    delete result.oneOf;
-    delete result.anyOf;
-    return result;
-};
-const useGenerateExampleFromMediaTypeContent = (mediaTypeContent, chosenExampleIndex, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks } = {}) => {
-    const document = useDocument();
-    return React__default.useMemo(() => generateExampleFromMediaTypeContent(mediaTypeContent, document, chosenExampleIndex, {
-        skipNonRequired,
-        skipWriteOnly,
-        skipReadOnly,
-        ticks: ticks || 6000,
-    }), [mediaTypeContent, document, chosenExampleIndex, skipNonRequired, skipWriteOnly, skipReadOnly, ticks]);
-};
-const generateExampleFromMediaTypeContent = (mediaTypeContent, document, chosenExampleIndex = 0, options) => {
-    var _a, _b;
-    const textRequestBodySchema = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.schema;
-    const textRequestBodyExamples = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.examples;
-    try {
-        if (textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples.length) {
-            return ((_a = safeStringify(textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples[chosenExampleIndex]['value'], undefined, 2)) !== null && _a !== void 0 ? _a : '');
-        }
-        else if (textRequestBodySchema) {
-            let unwrappedSchema = getResolvedObject(textRequestBodySchema);
-            unwrappedSchema = mergeOneOfAnyOf(unwrappedSchema);
-            const generated = Sampler.sample(unwrappedSchema, options, document);
-            return generated !== null ? (_b = safeStringify(generated, undefined, 2)) !== null && _b !== void 0 ? _b : '' : '';
-        }
-    }
-    catch (e) {
-        console.warn(e);
-        return `Example cannot be created for this schema\n${e}`;
-    }
-    return '';
-};
-const generateExamplesFromJsonSchema = (schema) => {
-    var _a, _b;
-    const examples = [];
-    if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.examples)) {
-        schema.examples.forEach((example, index) => {
-            var _a;
-            examples.push({
-                data: (_a = safeStringify(example, undefined, 2)) !== null && _a !== void 0 ? _a : '',
-                label: index === 0 ? 'default' : `example-${index}`,
-            });
-        });
-    }
-    else if (isPlainObject$1(schema === null || schema === void 0 ? void 0 : schema['x-examples'])) {
-        for (const [label, example] of Object.entries(schema['x-examples'])) {
-            if (isPlainObject$1(example)) {
-                const val = example.hasOwnProperty('value') && Object.keys(example).length === 1 ? example.value : example;
-                examples.push({
-                    label,
-                    data: (_a = safeStringify(val, undefined, 2)) !== null && _a !== void 0 ? _a : '',
-                });
-            }
-        }
-    }
-    if (examples.length) {
-        return examples;
-    }
-    try {
-        let resolvedSchema = getResolvedObject(schema);
-        resolvedSchema = mergeOneOfAnyOf(resolvedSchema);
-        const generated = Sampler.sample(resolvedSchema, {
-            maxSampleDepth: 4,
-            ticks: 6000,
-        });
-        return generated !== null
-            ? [
-                {
-                    label: 'default',
-                    data: (_b = safeStringify(generated, undefined, 2)) !== null && _b !== void 0 ? _b : '',
-                },
-            ]
-            : [{ label: 'default', data: '' }];
-    }
-    catch (e) {
-        return [{ label: '', data: `Example cannot be created for this schema\n${e}` }];
-    }
-};
-const exceedsSize = (example, size = 500) => {
-    return example.split(/\r\n|\r|\n/).length > size;
-};
 const useTextRequestBodyState = (mediaTypeContent, skipReadOnly) => {
     const initialRequestBody = useGenerateExampleFromMediaTypeContent(mediaTypeContent, undefined, {
         skipReadOnly,
@@ -2410,7 +2538,7 @@ const TryItResponse = ({ response }) => {
         React.createElement(Panel.Content, null,
             React.createElement("div", null,
                 React.createElement("div", { className: `sl-mb-3 sl-text-${getHttpCodeColor(response.status)}` }, `${response.status} ${(_a = HttpCodeDescriptions[response.status]) !== null && _a !== void 0 ? _a : ''}`),
-                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview'
+                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview' && !response.skipBodyParsing
                         ? parseBody(response.bodyText, responseType)
                         : response.bodyText })) : response.blob && responseType === 'image' ? (React.createElement(Flex, { justifyContent: "center" },
                     React.createElement(Image, { src: URL.createObjectURL(response.blob), alt: "response image" }))) : !response.bodyText ? null : (React.createElement("p", null,
@@ -2513,6 +2641,12 @@ const ServerVariables = ({ variables, values, onChangeValue }) => {
 };
 const defaultServers = [];
+const findResponseForStatus = (httpOperation, status) => {
+    var _a, _b;
+    const statusCode = String(status);
+    const statusRange = `${Math.floor(status / 100)}XX`;
+    return ((_b = (_a = httpOperation.responses.find(({ code }) => code === statusCode)) !== null && _a !== void 0 ? _a : httpOperation.responses.find(({ code }) => code.toUpperCase() === statusRange)) !== null && _b !== void 0 ? _b : httpOperation.responses.find(({ code }) => code === 'default'));
+};
 const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embeddedInMd = false, hideTryItPanel = false, tryItCredentialsPolicy, corsProxy, }) => {
     var _a, _b, _c, _d, _e, _f;
     TryIt.displayName = 'TryIt';
@@ -2592,6 +2726,7 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
         embeddedInMd,
     ]);
     const handleSendRequest = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _g, _h, _j;
         setValidateParameters(true);
         if (hasRequiredButEmptyParameters || !isHttpOperation(httpOperation))
             return;
@@ -2624,14 +2759,28 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
             if (response) {
                 const contentType = response.headers.get('Content-Type');
                 const type = contentType ? getResponseType(contentType) : undefined;
-                const bodyText = type !== 'image' ? yield response.text() : undefined;
+                let bodyText = type !== 'image' ? yield response.text() : undefined;
                 const blob = type === 'image' ? yield response.blob() : undefined;
+                let skipBodyParsing = false;
+                if (mockData && type === 'json' && bodyText) {
+                    const responseMediaType = contentType === null || contentType === void 0 ? void 0 : contentType.split(';')[0];
+                    const responseSchema = (_j = (_h = (_g = findResponseForStatus(httpOperation, response.status)) === null || _g === void 0 ? void 0 : _g.contents) === null || _h === void 0 ? void 0 : _h.find(({ mediaType }) => mediaType === responseMediaType)) === null || _j === void 0 ? void 0 : _j.schema;
+                    if (responseSchema) {
+                        try {
+                            bodyText = stringifyExampleWithResolvedSchema(JSON.parse(bodyText), responseSchema);
+                            skipBodyParsing = true;
+                        }
+                        catch (_k) {
+                        }
+                    }
+                }
                 setResponse(undefined);
                 setResponse({
                     status: response.status,
                     bodyText,
                     blob,
                     contentType,
+                    skipBodyParsing,
                 });
             }
         }

package/index.js CHANGED Viewed

@@ -16,6 +16,7 @@ var markdownViewer = require('@stoplight/markdown-viewer');
 var cn = require('classnames');
 var utils = require('jotai/utils');
 var jotai = require('jotai');
+var Sampler = require('@stoplight/json-schema-sampler');
 var URI = require('urijs');
 var isString = require('lodash/isString.js');
 var mosaicCodeViewer = require('@stoplight/mosaic-code-viewer');
@@ -38,7 +39,6 @@ var map = require('lodash/map.js');
 var mapValues = require('lodash/mapValues.js');
 var pickBy = require('lodash/pickBy.js');
 var mosaicCodeEditor = require('@stoplight/mosaic-code-editor');
-var Sampler = require('@stoplight/json-schema-sampler');
 var compact = require('lodash/compact.js');
 var uniq = require('lodash/uniq.js');
 var orderBy = require('lodash/orderBy.js');
@@ -673,6 +673,242 @@ function useIsCompact(layoutOptions) {
 const chosenServerAtom = jotai.atom(undefined);
+const mergeOneOfAnyOf = (schema) => {
+    if (!json.isPlainObject(schema)) {
+        return schema;
+    }
+    let result = Object.assign({}, schema);
+    if (result.oneOf && result.oneOf.length > 0) {
+        const firstOption = result.oneOf[0];
+        const { oneOf } = result, rest = tslib.__rest(result, ["oneOf"]);
+        result = Object.assign(Object.assign({}, rest), firstOption);
+    }
+    else if (result.anyOf && result.anyOf.length > 0) {
+        const firstOption = result.anyOf[0];
+        const { anyOf } = result, rest = tslib.__rest(result, ["anyOf"]);
+        result = Object.assign(Object.assign({}, rest), firstOption);
+    }
+    if (result.properties) {
+        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, mergeOneOfAnyOf(value)]));
+    }
+    if (result.items) {
+        result.items = mergeOneOfAnyOf(result.items);
+    }
+    if (result.allOf) {
+        result.allOf = result.allOf.map((item) => mergeOneOfAnyOf(item));
+    }
+    delete result.oneOf;
+    delete result.anyOf;
+    return result;
+};
+const OAS_FORMAT_RANGES = {
+    int32: { minimum: 0 - Math.pow(2, 31), maximum: Math.pow(2, 31) - 1 },
+    int64: { minimum: Number.MIN_SAFE_INTEGER, maximum: Number.MAX_SAFE_INTEGER },
+    float: { minimum: 0 - Math.pow(2, 128), maximum: Math.pow(2, 128) - 1 },
+    double: { minimum: 0 - Number.MAX_VALUE, maximum: Number.MAX_VALUE },
+};
+const stripInferredNumericBounds = (schema) => {
+    var _a;
+    if (!json.isPlainObject(schema)) {
+        return schema;
+    }
+    const result = Object.assign({}, schema);
+    const explicitProperties = Array.isArray((_a = result === null || result === void 0 ? void 0 : result['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
+        ? result['x-stoplight'].explicitProperties
+        : [];
+    const isNumericType = result.type === 'integer' || result.type === 'number';
+    const formatRange = OAS_FORMAT_RANGES[result.format];
+    const hasExplicitMinimum = explicitProperties.includes('minimum') && result.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
+    const hasExplicitMaximum = explicitProperties.includes('maximum') && result.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
+    if (isNumericType && !hasExplicitMinimum) {
+        delete result.minimum;
+    }
+    if (isNumericType && !hasExplicitMaximum) {
+        delete result.maximum;
+    }
+    if (result.properties && json.isPlainObject(result.properties)) {
+        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, stripInferredNumericBounds(value)]));
+    }
+    if (Array.isArray(result.items)) {
+        result.items = result.items.map((item) => stripInferredNumericBounds(item));
+    }
+    else if (result.items) {
+        result.items = stripInferredNumericBounds(result.items);
+    }
+    if (Array.isArray(result.allOf)) {
+        result.allOf = result.allOf.map((item) => stripInferredNumericBounds(item));
+    }
+    if (Array.isArray(result.oneOf)) {
+        result.oneOf = result.oneOf.map((item) => stripInferredNumericBounds(item));
+    }
+    if (Array.isArray(result.anyOf)) {
+        result.anyOf = result.anyOf.map((item) => stripInferredNumericBounds(item));
+    }
+    return result;
+};
+const FLOAT_ZERO_MARKER = '__FLOAT_ZERO__';
+const markFloatZeros = (value, schema) => {
+    if (!json.isPlainObject(schema))
+        return value;
+    if (Array.isArray(schema.allOf)) {
+        return schema.allOf.reduce((currentValue, item) => markFloatZeros(currentValue, item), value);
+    }
+    if (Array.isArray(schema.oneOf) && schema.oneOf.length > 0) {
+        return markFloatZeros(value, schema.oneOf[0]);
+    }
+    if (Array.isArray(schema.anyOf) && schema.anyOf.length > 0) {
+        return markFloatZeros(value, schema.anyOf[0]);
+    }
+    if (schema.type === 'number' && (schema.format === 'float' || schema.format === 'double') && value === 0) {
+        return FLOAT_ZERO_MARKER;
+    }
+    if (json.isPlainObject(value) && json.isPlainObject(schema.properties)) {
+        return Object.fromEntries(Object.entries(value).map(([k, v]) => { var _a; return [k, markFloatZeros(v, (_a = schema.properties[k]) !== null && _a !== void 0 ? _a : {})]; }));
+    }
+    if (Array.isArray(value) && schema.items && !Array.isArray(schema.items)) {
+        return value.map((item) => markFloatZeros(item, schema.items));
+    }
+    return value;
+};
+const stringifyWithFloatZeros = (value) => {
+    var _a;
+    if (value === FLOAT_ZERO_MARKER)
+        return '0.0';
+    return ((_a = json.safeStringify(value, undefined, 2)) !== null && _a !== void 0 ? _a : '').replace(/"__FLOAT_ZERO__"/g, '0.0');
+};
+const normalizeInferredNumericBounds = (value, schema) => {
+    var _a;
+    if (!json.isPlainObject(schema))
+        return value;
+    const schemaObject = schema;
+    if (Array.isArray(schemaObject.allOf)) {
+        return schemaObject.allOf.reduce((currentValue, item) => normalizeInferredNumericBounds(currentValue, item), value);
+    }
+    if (Array.isArray(schemaObject.oneOf) && schemaObject.oneOf.length > 0) {
+        return normalizeInferredNumericBounds(value, schemaObject.oneOf[0]);
+    }
+    if (Array.isArray(schemaObject.anyOf) && schemaObject.anyOf.length > 0) {
+        return normalizeInferredNumericBounds(value, schemaObject.anyOf[0]);
+    }
+    const explicitProperties = Array.isArray((_a = schemaObject === null || schemaObject === void 0 ? void 0 : schemaObject['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
+        ? schemaObject['x-stoplight'].explicitProperties
+        : [];
+    const isNumericType = schemaObject.type === 'integer' || schemaObject.type === 'number';
+    const formatRange = OAS_FORMAT_RANGES[schemaObject.format];
+    const hasExplicitMinimum = explicitProperties.includes('minimum') && schemaObject.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
+    const hasExplicitMaximum = explicitProperties.includes('maximum') && schemaObject.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
+    if (isNumericType &&
+        formatRange &&
+        ((!hasExplicitMinimum && value === formatRange.minimum) || (!hasExplicitMaximum && value === formatRange.maximum))) {
+        return schemaObject.type === 'number' && (schemaObject.format === 'float' || schemaObject.format === 'double')
+            ? FLOAT_ZERO_MARKER
+            : 0;
+    }
+    if (json.isPlainObject(value) && json.isPlainObject(schemaObject.properties)) {
+        return Object.fromEntries(Object.entries(value).map(([key, nestedValue]) => {
+            var _a;
+            return [
+                key,
+                normalizeInferredNumericBounds(nestedValue, (_a = schemaObject.properties[key]) !== null && _a !== void 0 ? _a : {}),
+            ];
+        }));
+    }
+    if (Array.isArray(value) && schemaObject.items && !Array.isArray(schemaObject.items)) {
+        return value.map((item) => normalizeInferredNumericBounds(item, schemaObject.items));
+    }
+    if (Array.isArray(value) && Array.isArray(schemaObject.items)) {
+        return value.map((item, index) => normalizeInferredNumericBounds(item, schemaObject.items[index]));
+    }
+    return value;
+};
+const stringifyExampleWithResolvedSchema = (value, schema) => {
+    const normalizedValue = normalizeInferredNumericBounds(value, schema);
+    return stringifyWithFloatZeros(markFloatZeros(normalizedValue, schema));
+};
+const useGenerateExampleFromMediaTypeContent = (mediaTypeContent, chosenExampleIndex, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks } = {}) => {
+    const document = useDocument();
+    return React.useMemo(() => generateExampleFromMediaTypeContent(mediaTypeContent, document, chosenExampleIndex, {
+        skipNonRequired,
+        skipWriteOnly,
+        skipReadOnly,
+        ticks: ticks || 6000,
+    }), [mediaTypeContent, document, chosenExampleIndex, skipNonRequired, skipWriteOnly, skipReadOnly, ticks]);
+};
+const generateExampleFromMediaTypeContent = (mediaTypeContent, document, chosenExampleIndex = 0, options) => {
+    var _a;
+    const textRequestBodySchema = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.schema;
+    const textRequestBodyExamples = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.examples;
+    try {
+        if (textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples.length) {
+            return ((_a = json.safeStringify(textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples[chosenExampleIndex]['value'], undefined, 2)) !== null && _a !== void 0 ? _a : '');
+        }
+        else if (textRequestBodySchema) {
+            let unwrappedSchema = getResolvedObject(textRequestBodySchema);
+            unwrappedSchema = stripInferredNumericBounds(unwrappedSchema);
+            unwrappedSchema = mergeOneOfAnyOf(unwrappedSchema);
+            const generated = Sampler__namespace.sample(unwrappedSchema, options, document);
+            if (generated === null)
+                return '';
+            return stringifyExampleWithResolvedSchema(generated, unwrappedSchema);
+        }
+    }
+    catch (e) {
+        console.warn(e);
+        return `Example cannot be created for this schema\n${e}`;
+    }
+    return '';
+};
+const generateExamplesFromJsonSchema = (schema) => {
+    var _a;
+    const examples = [];
+    if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.examples)) {
+        schema.examples.forEach((example, index) => {
+            var _a;
+            examples.push({
+                data: (_a = json.safeStringify(example, undefined, 2)) !== null && _a !== void 0 ? _a : '',
+                label: index === 0 ? 'default' : `example-${index}`,
+            });
+        });
+    }
+    else if (json.isPlainObject(schema === null || schema === void 0 ? void 0 : schema['x-examples'])) {
+        for (const [label, example] of Object.entries(schema['x-examples'])) {
+            if (json.isPlainObject(example)) {
+                const val = example.hasOwnProperty('value') && Object.keys(example).length === 1 ? example.value : example;
+                examples.push({
+                    label,
+                    data: (_a = json.safeStringify(val, undefined, 2)) !== null && _a !== void 0 ? _a : '',
+                });
+            }
+        }
+    }
+    if (examples.length) {
+        return examples;
+    }
+    try {
+        let resolvedSchema = getResolvedObject(schema);
+        resolvedSchema = stripInferredNumericBounds(resolvedSchema);
+        resolvedSchema = mergeOneOfAnyOf(resolvedSchema);
+        const generated = Sampler__namespace.sample(resolvedSchema, {
+            maxSampleDepth: 4,
+            ticks: 6000,
+        });
+        return generated !== null
+            ? [
+                {
+                    label: 'default',
+                    data: stringifyExampleWithResolvedSchema(generated, resolvedSchema),
+                },
+            ]
+            : [{ label: 'default', data: '' }];
+    }
+    catch (e) {
+        return [{ label: '', data: `Example cannot be created for this schema\n${e}` }];
+    }
+};
+const exceedsSize = (example, size = 500) => {
+    return example.split(/\r\n|\r|\n/).length > size;
+};
 function isValidServer(server) {
     return server.url !== null;
 }
@@ -1839,114 +2075,6 @@ function ExampleMenu({ examples, requestBody, onChange }) {
     return (React__namespace.createElement(mosaic.Menu, { "aria-label": "Examples", items: menuItems, renderTrigger: ({ isOpen }) => (React__namespace.createElement(mosaic.Button, { appearance: "minimal", size: "sm", iconRight: ['fas', 'sort'], active: isOpen }, "Examples")) }));
 }
-const mergeOneOfAnyOf = (schema) => {
-    if (!json.isPlainObject(schema)) {
-        return schema;
-    }
-    let result = Object.assign({}, schema);
-    if (result.oneOf && result.oneOf.length > 0) {
-        const firstOption = result.oneOf[0];
-        const { oneOf } = result, rest = tslib.__rest(result, ["oneOf"]);
-        result = Object.assign(Object.assign({}, rest), firstOption);
-    }
-    else if (result.anyOf && result.anyOf.length > 0) {
-        const firstOption = result.anyOf[0];
-        const { anyOf } = result, rest = tslib.__rest(result, ["anyOf"]);
-        result = Object.assign(Object.assign({}, rest), firstOption);
-    }
-    if (result.properties) {
-        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, mergeOneOfAnyOf(value)]));
-    }
-    if (result.items) {
-        result.items = mergeOneOfAnyOf(result.items);
-    }
-    if (result.allOf) {
-        result.allOf = result.allOf.map((item) => mergeOneOfAnyOf(item));
-    }
-    delete result.oneOf;
-    delete result.anyOf;
-    return result;
-};
-const useGenerateExampleFromMediaTypeContent = (mediaTypeContent, chosenExampleIndex, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks } = {}) => {
-    const document = useDocument();
-    return React.useMemo(() => generateExampleFromMediaTypeContent(mediaTypeContent, document, chosenExampleIndex, {
-        skipNonRequired,
-        skipWriteOnly,
-        skipReadOnly,
-        ticks: ticks || 6000,
-    }), [mediaTypeContent, document, chosenExampleIndex, skipNonRequired, skipWriteOnly, skipReadOnly, ticks]);
-};
-const generateExampleFromMediaTypeContent = (mediaTypeContent, document, chosenExampleIndex = 0, options) => {
-    var _a, _b;
-    const textRequestBodySchema = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.schema;
-    const textRequestBodyExamples = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.examples;
-    try {
-        if (textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples.length) {
-            return ((_a = json.safeStringify(textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples[chosenExampleIndex]['value'], undefined, 2)) !== null && _a !== void 0 ? _a : '');
-        }
-        else if (textRequestBodySchema) {
-            let unwrappedSchema = getResolvedObject(textRequestBodySchema);
-            unwrappedSchema = mergeOneOfAnyOf(unwrappedSchema);
-            const generated = Sampler__namespace.sample(unwrappedSchema, options, document);
-            return generated !== null ? (_b = json.safeStringify(generated, undefined, 2)) !== null && _b !== void 0 ? _b : '' : '';
-        }
-    }
-    catch (e) {
-        console.warn(e);
-        return `Example cannot be created for this schema\n${e}`;
-    }
-    return '';
-};
-const generateExamplesFromJsonSchema = (schema) => {
-    var _a, _b;
-    const examples = [];
-    if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.examples)) {
-        schema.examples.forEach((example, index) => {
-            var _a;
-            examples.push({
-                data: (_a = json.safeStringify(example, undefined, 2)) !== null && _a !== void 0 ? _a : '',
-                label: index === 0 ? 'default' : `example-${index}`,
-            });
-        });
-    }
-    else if (json.isPlainObject(schema === null || schema === void 0 ? void 0 : schema['x-examples'])) {
-        for (const [label, example] of Object.entries(schema['x-examples'])) {
-            if (json.isPlainObject(example)) {
-                const val = example.hasOwnProperty('value') && Object.keys(example).length === 1 ? example.value : example;
-                examples.push({
-                    label,
-                    data: (_a = json.safeStringify(val, undefined, 2)) !== null && _a !== void 0 ? _a : '',
-                });
-            }
-        }
-    }
-    if (examples.length) {
-        return examples;
-    }
-    try {
-        let resolvedSchema = getResolvedObject(schema);
-        resolvedSchema = mergeOneOfAnyOf(resolvedSchema);
-        const generated = Sampler__namespace.sample(resolvedSchema, {
-            maxSampleDepth: 4,
-            ticks: 6000,
-        });
-        return generated !== null
-            ? [
-                {
-                    label: 'default',
-                    data: (_b = json.safeStringify(generated, undefined, 2)) !== null && _b !== void 0 ? _b : '',
-                },
-            ]
-            : [{ label: 'default', data: '' }];
-    }
-    catch (e) {
-        return [{ label: '', data: `Example cannot be created for this schema\n${e}` }];
-    }
-};
-const exceedsSize = (example, size = 500) => {
-    return example.split(/\r\n|\r|\n/).length > size;
-};
 const useTextRequestBodyState = (mediaTypeContent, skipReadOnly) => {
     const initialRequestBody = useGenerateExampleFromMediaTypeContent(mediaTypeContent, undefined, {
         skipReadOnly,
@@ -2431,7 +2559,7 @@ const TryItResponse = ({ response }) => {
         React__namespace.createElement(mosaic.Panel.Content, null,
             React__namespace.createElement("div", null,
                 React__namespace.createElement("div", { className: `sl-mb-3 sl-text-${getHttpCodeColor(response.status)}` }, `${response.status} ${(_a = HttpCodeDescriptions[response.status]) !== null && _a !== void 0 ? _a : ''}`),
-                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React__namespace.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview'
+                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React__namespace.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview' && !response.skipBodyParsing
                         ? parseBody(response.bodyText, responseType)
                         : response.bodyText })) : response.blob && responseType === 'image' ? (React__namespace.createElement(mosaic.Flex, { justifyContent: "center" },
                     React__namespace.createElement(mosaic.Image, { src: URL.createObjectURL(response.blob), alt: "response image" }))) : !response.bodyText ? null : (React__namespace.createElement("p", null,
@@ -2534,6 +2662,12 @@ const ServerVariables = ({ variables, values, onChangeValue }) => {
 };
 const defaultServers = [];
+const findResponseForStatus = (httpOperation, status) => {
+    var _a, _b;
+    const statusCode = String(status);
+    const statusRange = `${Math.floor(status / 100)}XX`;
+    return ((_b = (_a = httpOperation.responses.find(({ code }) => code === statusCode)) !== null && _a !== void 0 ? _a : httpOperation.responses.find(({ code }) => code.toUpperCase() === statusRange)) !== null && _b !== void 0 ? _b : httpOperation.responses.find(({ code }) => code === 'default'));
+};
 const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embeddedInMd = false, hideTryItPanel = false, tryItCredentialsPolicy, corsProxy, }) => {
     var _a, _b, _c, _d, _e, _f;
     TryIt.displayName = 'TryIt';
@@ -2613,6 +2747,7 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
         embeddedInMd,
     ]);
     const handleSendRequest = () => tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _g, _h, _j;
         setValidateParameters(true);
         if (hasRequiredButEmptyParameters || !isHttpOperation(httpOperation))
             return;
@@ -2645,14 +2780,28 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
             if (response) {
                 const contentType = response.headers.get('Content-Type');
                 const type = contentType ? getResponseType(contentType) : undefined;
-                const bodyText = type !== 'image' ? yield response.text() : undefined;
+                let bodyText = type !== 'image' ? yield response.text() : undefined;
                 const blob = type === 'image' ? yield response.blob() : undefined;
+                let skipBodyParsing = false;
+                if (mockData && type === 'json' && bodyText) {
+                    const responseMediaType = contentType === null || contentType === void 0 ? void 0 : contentType.split(';')[0];
+                    const responseSchema = (_j = (_h = (_g = findResponseForStatus(httpOperation, response.status)) === null || _g === void 0 ? void 0 : _g.contents) === null || _h === void 0 ? void 0 : _h.find(({ mediaType }) => mediaType === responseMediaType)) === null || _j === void 0 ? void 0 : _j.schema;
+                    if (responseSchema) {
+                        try {
+                            bodyText = stringifyExampleWithResolvedSchema(JSON.parse(bodyText), responseSchema);
+                            skipBodyParsing = true;
+                        }
+                        catch (_k) {
+                        }
+                    }
+                }
                 setResponse(undefined);
                 setResponse({
                     status: response.status,
                     bodyText,
                     blob,
                     contentType,
+                    skipBodyParsing,
                 });
             }
         }

package/index.mjs CHANGED Viewed

@@ -2,7 +2,7 @@ import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, memo, useMemo, useState, useEffect, useRef, useLayoutEffect } from 'react';
 import { convertToJsonSchema } from '@stoplight/http-spec/oas';
-import { resolveInlineRef, hasRef, isPlainObject as isPlainObject$1, safeParse, safeStringify } from '@stoplight/json';
+import { resolveInlineRef, hasRef, isPlainObject as isPlainObject$1, safeStringify, safeParse } from '@stoplight/json';
 import isArray from 'lodash/isArray.js';
 import isPlainObject from 'lodash/isPlainObject.js';
 import { NodeType, HttpParamStyles } from '@stoplight/types';
@@ -16,6 +16,7 @@ export { DefaultSMDComponents } from '@stoplight/markdown-viewer';
 import cn from 'classnames';
 import { atomWithStorage, useAtomValue } from 'jotai/utils';
 import { atom, useAtom, Provider } from 'jotai';
+import * as Sampler from '@stoplight/json-schema-sampler';
 import URI from 'urijs';
 import isString from 'lodash/isString.js';
 import { CodeViewer } from '@stoplight/mosaic-code-viewer';
@@ -38,7 +39,6 @@ import map from 'lodash/map.js';
 import mapValues from 'lodash/mapValues.js';
 import pickBy from 'lodash/pickBy.js';
 import { CodeEditor } from '@stoplight/mosaic-code-editor';
-import * as Sampler from '@stoplight/json-schema-sampler';
 import compact from 'lodash/compact.js';
 import uniq from 'lodash/uniq.js';
 import orderBy from 'lodash/orderBy.js';
@@ -652,6 +652,242 @@ function useIsCompact(layoutOptions) {
 const chosenServerAtom = atom(undefined);
+const mergeOneOfAnyOf = (schema) => {
+    if (!isPlainObject$1(schema)) {
+        return schema;
+    }
+    let result = Object.assign({}, schema);
+    if (result.oneOf && result.oneOf.length > 0) {
+        const firstOption = result.oneOf[0];
+        const { oneOf } = result, rest = __rest(result, ["oneOf"]);
+        result = Object.assign(Object.assign({}, rest), firstOption);
+    }
+    else if (result.anyOf && result.anyOf.length > 0) {
+        const firstOption = result.anyOf[0];
+        const { anyOf } = result, rest = __rest(result, ["anyOf"]);
+        result = Object.assign(Object.assign({}, rest), firstOption);
+    }
+    if (result.properties) {
+        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, mergeOneOfAnyOf(value)]));
+    }
+    if (result.items) {
+        result.items = mergeOneOfAnyOf(result.items);
+    }
+    if (result.allOf) {
+        result.allOf = result.allOf.map((item) => mergeOneOfAnyOf(item));
+    }
+    delete result.oneOf;
+    delete result.anyOf;
+    return result;
+};
+const OAS_FORMAT_RANGES = {
+    int32: { minimum: 0 - Math.pow(2, 31), maximum: Math.pow(2, 31) - 1 },
+    int64: { minimum: Number.MIN_SAFE_INTEGER, maximum: Number.MAX_SAFE_INTEGER },
+    float: { minimum: 0 - Math.pow(2, 128), maximum: Math.pow(2, 128) - 1 },
+    double: { minimum: 0 - Number.MAX_VALUE, maximum: Number.MAX_VALUE },
+};
+const stripInferredNumericBounds = (schema) => {
+    var _a;
+    if (!isPlainObject$1(schema)) {
+        return schema;
+    }
+    const result = Object.assign({}, schema);
+    const explicitProperties = Array.isArray((_a = result === null || result === void 0 ? void 0 : result['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
+        ? result['x-stoplight'].explicitProperties
+        : [];
+    const isNumericType = result.type === 'integer' || result.type === 'number';
+    const formatRange = OAS_FORMAT_RANGES[result.format];
+    const hasExplicitMinimum = explicitProperties.includes('minimum') && result.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
+    const hasExplicitMaximum = explicitProperties.includes('maximum') && result.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
+    if (isNumericType && !hasExplicitMinimum) {
+        delete result.minimum;
+    }
+    if (isNumericType && !hasExplicitMaximum) {
+        delete result.maximum;
+    }
+    if (result.properties && isPlainObject$1(result.properties)) {
+        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, stripInferredNumericBounds(value)]));
+    }
+    if (Array.isArray(result.items)) {
+        result.items = result.items.map((item) => stripInferredNumericBounds(item));
+    }
+    else if (result.items) {
+        result.items = stripInferredNumericBounds(result.items);
+    }
+    if (Array.isArray(result.allOf)) {
+        result.allOf = result.allOf.map((item) => stripInferredNumericBounds(item));
+    }
+    if (Array.isArray(result.oneOf)) {
+        result.oneOf = result.oneOf.map((item) => stripInferredNumericBounds(item));
+    }
+    if (Array.isArray(result.anyOf)) {
+        result.anyOf = result.anyOf.map((item) => stripInferredNumericBounds(item));
+    }
+    return result;
+};
+const FLOAT_ZERO_MARKER = '__FLOAT_ZERO__';
+const markFloatZeros = (value, schema) => {
+    if (!isPlainObject$1(schema))
+        return value;
+    if (Array.isArray(schema.allOf)) {
+        return schema.allOf.reduce((currentValue, item) => markFloatZeros(currentValue, item), value);
+    }
+    if (Array.isArray(schema.oneOf) && schema.oneOf.length > 0) {
+        return markFloatZeros(value, schema.oneOf[0]);
+    }
+    if (Array.isArray(schema.anyOf) && schema.anyOf.length > 0) {
+        return markFloatZeros(value, schema.anyOf[0]);
+    }
+    if (schema.type === 'number' && (schema.format === 'float' || schema.format === 'double') && value === 0) {
+        return FLOAT_ZERO_MARKER;
+    }
+    if (isPlainObject$1(value) && isPlainObject$1(schema.properties)) {
+        return Object.fromEntries(Object.entries(value).map(([k, v]) => { var _a; return [k, markFloatZeros(v, (_a = schema.properties[k]) !== null && _a !== void 0 ? _a : {})]; }));
+    }
+    if (Array.isArray(value) && schema.items && !Array.isArray(schema.items)) {
+        return value.map((item) => markFloatZeros(item, schema.items));
+    }
+    return value;
+};
+const stringifyWithFloatZeros = (value) => {
+    var _a;
+    if (value === FLOAT_ZERO_MARKER)
+        return '0.0';
+    return ((_a = safeStringify(value, undefined, 2)) !== null && _a !== void 0 ? _a : '').replace(/"__FLOAT_ZERO__"/g, '0.0');
+};
+const normalizeInferredNumericBounds = (value, schema) => {
+    var _a;
+    if (!isPlainObject$1(schema))
+        return value;
+    const schemaObject = schema;
+    if (Array.isArray(schemaObject.allOf)) {
+        return schemaObject.allOf.reduce((currentValue, item) => normalizeInferredNumericBounds(currentValue, item), value);
+    }
+    if (Array.isArray(schemaObject.oneOf) && schemaObject.oneOf.length > 0) {
+        return normalizeInferredNumericBounds(value, schemaObject.oneOf[0]);
+    }
+    if (Array.isArray(schemaObject.anyOf) && schemaObject.anyOf.length > 0) {
+        return normalizeInferredNumericBounds(value, schemaObject.anyOf[0]);
+    }
+    const explicitProperties = Array.isArray((_a = schemaObject === null || schemaObject === void 0 ? void 0 : schemaObject['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
+        ? schemaObject['x-stoplight'].explicitProperties
+        : [];
+    const isNumericType = schemaObject.type === 'integer' || schemaObject.type === 'number';
+    const formatRange = OAS_FORMAT_RANGES[schemaObject.format];
+    const hasExplicitMinimum = explicitProperties.includes('minimum') && schemaObject.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
+    const hasExplicitMaximum = explicitProperties.includes('maximum') && schemaObject.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
+    if (isNumericType &&
+        formatRange &&
+        ((!hasExplicitMinimum && value === formatRange.minimum) || (!hasExplicitMaximum && value === formatRange.maximum))) {
+        return schemaObject.type === 'number' && (schemaObject.format === 'float' || schemaObject.format === 'double')
+            ? FLOAT_ZERO_MARKER
+            : 0;
+    }
+    if (isPlainObject$1(value) && isPlainObject$1(schemaObject.properties)) {
+        return Object.fromEntries(Object.entries(value).map(([key, nestedValue]) => {
+            var _a;
+            return [
+                key,
+                normalizeInferredNumericBounds(nestedValue, (_a = schemaObject.properties[key]) !== null && _a !== void 0 ? _a : {}),
+            ];
+        }));
+    }
+    if (Array.isArray(value) && schemaObject.items && !Array.isArray(schemaObject.items)) {
+        return value.map((item) => normalizeInferredNumericBounds(item, schemaObject.items));
+    }
+    if (Array.isArray(value) && Array.isArray(schemaObject.items)) {
+        return value.map((item, index) => normalizeInferredNumericBounds(item, schemaObject.items[index]));
+    }
+    return value;
+};
+const stringifyExampleWithResolvedSchema = (value, schema) => {
+    const normalizedValue = normalizeInferredNumericBounds(value, schema);
+    return stringifyWithFloatZeros(markFloatZeros(normalizedValue, schema));
+};
+const useGenerateExampleFromMediaTypeContent = (mediaTypeContent, chosenExampleIndex, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks } = {}) => {
+    const document = useDocument();
+    return React__default.useMemo(() => generateExampleFromMediaTypeContent(mediaTypeContent, document, chosenExampleIndex, {
+        skipNonRequired,
+        skipWriteOnly,
+        skipReadOnly,
+        ticks: ticks || 6000,
+    }), [mediaTypeContent, document, chosenExampleIndex, skipNonRequired, skipWriteOnly, skipReadOnly, ticks]);
+};
+const generateExampleFromMediaTypeContent = (mediaTypeContent, document, chosenExampleIndex = 0, options) => {
+    var _a;
+    const textRequestBodySchema = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.schema;
+    const textRequestBodyExamples = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.examples;
+    try {
+        if (textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples.length) {
+            return ((_a = safeStringify(textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples[chosenExampleIndex]['value'], undefined, 2)) !== null && _a !== void 0 ? _a : '');
+        }
+        else if (textRequestBodySchema) {
+            let unwrappedSchema = getResolvedObject(textRequestBodySchema);
+            unwrappedSchema = stripInferredNumericBounds(unwrappedSchema);
+            unwrappedSchema = mergeOneOfAnyOf(unwrappedSchema);
+            const generated = Sampler.sample(unwrappedSchema, options, document);
+            if (generated === null)
+                return '';
+            return stringifyExampleWithResolvedSchema(generated, unwrappedSchema);
+        }
+    }
+    catch (e) {
+        console.warn(e);
+        return `Example cannot be created for this schema\n${e}`;
+    }
+    return '';
+};
+const generateExamplesFromJsonSchema = (schema) => {
+    var _a;
+    const examples = [];
+    if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.examples)) {
+        schema.examples.forEach((example, index) => {
+            var _a;
+            examples.push({
+                data: (_a = safeStringify(example, undefined, 2)) !== null && _a !== void 0 ? _a : '',
+                label: index === 0 ? 'default' : `example-${index}`,
+            });
+        });
+    }
+    else if (isPlainObject$1(schema === null || schema === void 0 ? void 0 : schema['x-examples'])) {
+        for (const [label, example] of Object.entries(schema['x-examples'])) {
+            if (isPlainObject$1(example)) {
+                const val = example.hasOwnProperty('value') && Object.keys(example).length === 1 ? example.value : example;
+                examples.push({
+                    label,
+                    data: (_a = safeStringify(val, undefined, 2)) !== null && _a !== void 0 ? _a : '',
+                });
+            }
+        }
+    }
+    if (examples.length) {
+        return examples;
+    }
+    try {
+        let resolvedSchema = getResolvedObject(schema);
+        resolvedSchema = stripInferredNumericBounds(resolvedSchema);
+        resolvedSchema = mergeOneOfAnyOf(resolvedSchema);
+        const generated = Sampler.sample(resolvedSchema, {
+            maxSampleDepth: 4,
+            ticks: 6000,
+        });
+        return generated !== null
+            ? [
+                {
+                    label: 'default',
+                    data: stringifyExampleWithResolvedSchema(generated, resolvedSchema),
+                },
+            ]
+            : [{ label: 'default', data: '' }];
+    }
+    catch (e) {
+        return [{ label: '', data: `Example cannot be created for this schema\n${e}` }];
+    }
+};
+const exceedsSize = (example, size = 500) => {
+    return example.split(/\r\n|\r|\n/).length > size;
+};
 function isValidServer(server) {
     return server.url !== null;
 }
@@ -1818,114 +2054,6 @@ function ExampleMenu({ examples, requestBody, onChange }) {
     return (React.createElement(Menu, { "aria-label": "Examples", items: menuItems, renderTrigger: ({ isOpen }) => (React.createElement(Button, { appearance: "minimal", size: "sm", iconRight: ['fas', 'sort'], active: isOpen }, "Examples")) }));
 }
-const mergeOneOfAnyOf = (schema) => {
-    if (!isPlainObject$1(schema)) {
-        return schema;
-    }
-    let result = Object.assign({}, schema);
-    if (result.oneOf && result.oneOf.length > 0) {
-        const firstOption = result.oneOf[0];
-        const { oneOf } = result, rest = __rest(result, ["oneOf"]);
-        result = Object.assign(Object.assign({}, rest), firstOption);
-    }
-    else if (result.anyOf && result.anyOf.length > 0) {
-        const firstOption = result.anyOf[0];
-        const { anyOf } = result, rest = __rest(result, ["anyOf"]);
-        result = Object.assign(Object.assign({}, rest), firstOption);
-    }
-    if (result.properties) {
-        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, mergeOneOfAnyOf(value)]));
-    }
-    if (result.items) {
-        result.items = mergeOneOfAnyOf(result.items);
-    }
-    if (result.allOf) {
-        result.allOf = result.allOf.map((item) => mergeOneOfAnyOf(item));
-    }
-    delete result.oneOf;
-    delete result.anyOf;
-    return result;
-};
-const useGenerateExampleFromMediaTypeContent = (mediaTypeContent, chosenExampleIndex, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks } = {}) => {
-    const document = useDocument();
-    return React__default.useMemo(() => generateExampleFromMediaTypeContent(mediaTypeContent, document, chosenExampleIndex, {
-        skipNonRequired,
-        skipWriteOnly,
-        skipReadOnly,
-        ticks: ticks || 6000,
-    }), [mediaTypeContent, document, chosenExampleIndex, skipNonRequired, skipWriteOnly, skipReadOnly, ticks]);
-};
-const generateExampleFromMediaTypeContent = (mediaTypeContent, document, chosenExampleIndex = 0, options) => {
-    var _a, _b;
-    const textRequestBodySchema = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.schema;
-    const textRequestBodyExamples = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.examples;
-    try {
-        if (textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples.length) {
-            return ((_a = safeStringify(textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples[chosenExampleIndex]['value'], undefined, 2)) !== null && _a !== void 0 ? _a : '');
-        }
-        else if (textRequestBodySchema) {
-            let unwrappedSchema = getResolvedObject(textRequestBodySchema);
-            unwrappedSchema = mergeOneOfAnyOf(unwrappedSchema);
-            const generated = Sampler.sample(unwrappedSchema, options, document);
-            return generated !== null ? (_b = safeStringify(generated, undefined, 2)) !== null && _b !== void 0 ? _b : '' : '';
-        }
-    }
-    catch (e) {
-        console.warn(e);
-        return `Example cannot be created for this schema\n${e}`;
-    }
-    return '';
-};
-const generateExamplesFromJsonSchema = (schema) => {
-    var _a, _b;
-    const examples = [];
-    if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.examples)) {
-        schema.examples.forEach((example, index) => {
-            var _a;
-            examples.push({
-                data: (_a = safeStringify(example, undefined, 2)) !== null && _a !== void 0 ? _a : '',
-                label: index === 0 ? 'default' : `example-${index}`,
-            });
-        });
-    }
-    else if (isPlainObject$1(schema === null || schema === void 0 ? void 0 : schema['x-examples'])) {
-        for (const [label, example] of Object.entries(schema['x-examples'])) {
-            if (isPlainObject$1(example)) {
-                const val = example.hasOwnProperty('value') && Object.keys(example).length === 1 ? example.value : example;
-                examples.push({
-                    label,
-                    data: (_a = safeStringify(val, undefined, 2)) !== null && _a !== void 0 ? _a : '',
-                });
-            }
-        }
-    }
-    if (examples.length) {
-        return examples;
-    }
-    try {
-        let resolvedSchema = getResolvedObject(schema);
-        resolvedSchema = mergeOneOfAnyOf(resolvedSchema);
-        const generated = Sampler.sample(resolvedSchema, {
-            maxSampleDepth: 4,
-            ticks: 6000,
-        });
-        return generated !== null
-            ? [
-                {
-                    label: 'default',
-                    data: (_b = safeStringify(generated, undefined, 2)) !== null && _b !== void 0 ? _b : '',
-                },
-            ]
-            : [{ label: 'default', data: '' }];
-    }
-    catch (e) {
-        return [{ label: '', data: `Example cannot be created for this schema\n${e}` }];
-    }
-};
-const exceedsSize = (example, size = 500) => {
-    return example.split(/\r\n|\r|\n/).length > size;
-};
 const useTextRequestBodyState = (mediaTypeContent, skipReadOnly) => {
     const initialRequestBody = useGenerateExampleFromMediaTypeContent(mediaTypeContent, undefined, {
         skipReadOnly,
@@ -2410,7 +2538,7 @@ const TryItResponse = ({ response }) => {
         React.createElement(Panel.Content, null,
             React.createElement("div", null,
                 React.createElement("div", { className: `sl-mb-3 sl-text-${getHttpCodeColor(response.status)}` }, `${response.status} ${(_a = HttpCodeDescriptions[response.status]) !== null && _a !== void 0 ? _a : ''}`),
-                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview'
+                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview' && !response.skipBodyParsing
                         ? parseBody(response.bodyText, responseType)
                         : response.bodyText })) : response.blob && responseType === 'image' ? (React.createElement(Flex, { justifyContent: "center" },
                     React.createElement(Image, { src: URL.createObjectURL(response.blob), alt: "response image" }))) : !response.bodyText ? null : (React.createElement("p", null,
@@ -2513,6 +2641,12 @@ const ServerVariables = ({ variables, values, onChangeValue }) => {
 };
 const defaultServers = [];
+const findResponseForStatus = (httpOperation, status) => {
+    var _a, _b;
+    const statusCode = String(status);
+    const statusRange = `${Math.floor(status / 100)}XX`;
+    return ((_b = (_a = httpOperation.responses.find(({ code }) => code === statusCode)) !== null && _a !== void 0 ? _a : httpOperation.responses.find(({ code }) => code.toUpperCase() === statusRange)) !== null && _b !== void 0 ? _b : httpOperation.responses.find(({ code }) => code === 'default'));
+};
 const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embeddedInMd = false, hideTryItPanel = false, tryItCredentialsPolicy, corsProxy, }) => {
     var _a, _b, _c, _d, _e, _f;
     TryIt.displayName = 'TryIt';
@@ -2592,6 +2726,7 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
         embeddedInMd,
     ]);
     const handleSendRequest = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _g, _h, _j;
         setValidateParameters(true);
         if (hasRequiredButEmptyParameters || !isHttpOperation(httpOperation))
             return;
@@ -2624,14 +2759,28 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
             if (response) {
                 const contentType = response.headers.get('Content-Type');
                 const type = contentType ? getResponseType(contentType) : undefined;
-                const bodyText = type !== 'image' ? yield response.text() : undefined;
+                let bodyText = type !== 'image' ? yield response.text() : undefined;
                 const blob = type === 'image' ? yield response.blob() : undefined;
+                let skipBodyParsing = false;
+                if (mockData && type === 'json' && bodyText) {
+                    const responseMediaType = contentType === null || contentType === void 0 ? void 0 : contentType.split(';')[0];
+                    const responseSchema = (_j = (_h = (_g = findResponseForStatus(httpOperation, response.status)) === null || _g === void 0 ? void 0 : _g.contents) === null || _h === void 0 ? void 0 : _h.find(({ mediaType }) => mediaType === responseMediaType)) === null || _j === void 0 ? void 0 : _j.schema;
+                    if (responseSchema) {
+                        try {
+                            bodyText = stringifyExampleWithResolvedSchema(JSON.parse(bodyText), responseSchema);
+                            skipBodyParsing = true;
+                        }
+                        catch (_k) {
+                        }
+                    }
+                }
                 setResponse(undefined);
                 setResponse({
                     status: response.status,
                     bodyText,
                     blob,
                     contentType,
+                    skipBodyParsing,
                 });
             }
         }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-core",
-  "version": "9.0.25",
+  "version": "9.0.26",
   "main": "./index.js",
   "sideEffects": [
     "web-components.min.js",

package/utils/exampleGeneration/exampleGeneration.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ declare type Example = {
     label: string;
     data: string;
 };
+export declare const stringifyExampleWithResolvedSchema: (value: any, schema: any) => string;
 export declare type GenerateExampleFromMediaTypeContentOptions = Sampler.Options;
 export declare const useGenerateExampleFromMediaTypeContent: (mediaTypeContent: IMediaTypeContent | undefined, chosenExampleIndex?: number, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks }?: GenerateExampleFromMediaTypeContentOptions) => string;
 export declare const generateExampleFromMediaTypeContent: (mediaTypeContent: IMediaTypeContent | undefined, document: any, chosenExampleIndex?: number, options?: GenerateExampleFromMediaTypeContentOptions) => string;