@scalar/api-reference-react 0.9.9 → 0.9.11

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @scalar/api-reference-react
 
+## 0.9.11
+
+### Patch Changes
+
+- [#8466](https://github.com/scalar/scalar/pull/8466): chore: new build pipeline
+
+## 0.9.10
+
+### Patch Changes
+
+#### Updated Dependencies
+
+- **@scalar/api-reference@1.49.0**
+  - [#8443](https://github.com/scalar/scalar/pull/8443): fix hash-prefixed basePath routing
+  - [#8467](https://github.com/scalar/scalar/pull/8467): feat(api-reference): improve Ask AI button consistency and a11y
+  - [#8409](https://github.com/scalar/scalar/pull/8409): feat: lazy rendering
+  - [#8442](https://github.com/scalar/scalar/pull/8442): fix object schema descriptions in parameter rendering
+
 ## 0.9.9
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export type { ReferenceProps } from '@scalar/api-reference';
 /** Re-export types for ease of use */
 export type { AnyApiReferenceConfiguration, ApiReferenceConfiguration, ApiReferenceConfigurationWithMultipleSources, } from '@scalar/types/api-reference';
-export { ApiReferenceReact } from './ApiReferenceReact.js';
+export { ApiReferenceReact } from './ApiReferenceReact';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,4 +1,37 @@
-import { ApiReferenceReact as c } from "./ApiReferenceReact.js";
-export {
-  c as ApiReferenceReact
+"use client";
+import { createApiReference } from "@scalar/api-reference";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ApiReferenceReact.tsx
+globalThis.__VUE_OPTIONS_API__ = true;
+globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true;
+globalThis.__VUE_PROD_DEVTOOLS__ = false;
+/**
+* React wrapper around the Scalar API Reference
+*/
+var ApiReferenceReact = (props) => {
+	const el = useRef(null);
+	const [reference, setReference] = useState(null);
+	/** handle adding the integration to the config */
+	const addIntegration = () => Array.isArray(props.configuration) ? props.configuration.map((c) => ({
+		_integration: "react",
+		...c
+	})) : {
+		_integration: "react",
+		...props.configuration
+	};
+	useEffect(() => {
+		if (!el.current) return reference?.app?.unmount;
+		const instance = createApiReference(el.current, addIntegration());
+		setReference(instance);
+		return instance.destroy;
+	}, [el]);
+	useEffect(() => {
+		reference?.updateConfiguration(addIntegration());
+	}, [props.configuration, reference]);
+	return /* @__PURE__ */ jsx("div", { ref: el });
 };
+//#endregion
+export { ApiReferenceReact };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/ApiReferenceReact.tsx"],"sourcesContent":["'use client'\n\nimport { createApiReference } from '@scalar/api-reference'\nimport type { AnyApiReferenceConfiguration, ApiReferenceInstance } from '@scalar/types/api-reference'\nimport { useEffect, useRef, useState } from 'react'\n\nimport './style.css'\n\n// These are required for the vue bundler version\nglobalThis.__VUE_OPTIONS_API__ = true\nglobalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true\nglobalThis.__VUE_PROD_DEVTOOLS__ = false\n\n/**\n * React wrapper around the Scalar API Reference\n */\nexport const ApiReferenceReact = (props: { configuration: AnyApiReferenceConfiguration }) => {\n  const el = useRef<HTMLDivElement | null>(null)\n\n  const [reference, setReference] = useState<ApiReferenceInstance | null>(null)\n\n  /** handle adding the integration to the config */\n  const addIntegration = () =>\n    Array.isArray(props.configuration)\n      ? props.configuration.map((c) => ({ _integration: 'react' as const, ...c }))\n      : { _integration: 'react' as const, ...props.configuration }\n\n  useEffect(() => {\n    if (!el.current) {\n      return reference?.app?.unmount\n    }\n\n    const instance = createApiReference(el.current, addIntegration())\n    setReference(instance)\n\n    // Unmount on cleanup\n    return instance.destroy\n  }, [el])\n\n  useEffect(() => {\n    reference?.updateConfiguration(addIntegration())\n  }, [props.configuration, reference])\n\n  return <div ref={el} />\n}\n"],"mappings":";;;;;AASA,WAAW,sBAAsB;AACjC,WAAW,0CAA0C;AACrD,WAAW,wBAAwB;;;;AAKnC,IAAa,qBAAqB,UAA2D;CAC3F,MAAM,KAAK,OAA8B,KAAK;CAE9C,MAAM,CAAC,WAAW,gBAAgB,SAAsC,KAAK;;CAG7E,MAAM,uBACJ,MAAM,QAAQ,MAAM,cAAc,GAC9B,MAAM,cAAc,KAAK,OAAO;EAAE,cAAc;EAAkB,GAAG;EAAG,EAAE,GAC1E;EAAE,cAAc;EAAkB,GAAG,MAAM;EAAe;AAEhE,iBAAgB;AACd,MAAI,CAAC,GAAG,QACN,QAAO,WAAW,KAAK;EAGzB,MAAM,WAAW,mBAAmB,GAAG,SAAS,gBAAgB,CAAC;AACjE,eAAa,SAAS;AAGtB,SAAO,SAAS;IACf,CAAC,GAAG,CAAC;AAER,iBAAgB;AACd,aAAW,oBAAoB,gBAAgB,CAAC;IAC/C,CAAC,MAAM,eAAe,UAAU,CAAC;AAEpC,QAAO,oBAAC,OAAD,EAAK,KAAK,IAAM,CAAA"}