@scalar/api-reference-react 0.4.30 → 0.4.32

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @scalar/api-reference-react
 
+## 0.4.32
+
+### Patch Changes
+
+- ed5dd8c: fix: react packages to work with react 18 and 19
+- c10bbf5: chore: code style
+- Updated dependencies [50388ea]
+- Updated dependencies [43031e7]
+- Updated dependencies [946a5df]
+- Updated dependencies [b22f554]
+- Updated dependencies [c10bbf5]
+- Updated dependencies [0ba190a]
+- Updated dependencies [4f7b767]
+- Updated dependencies [78f0cdf]
+- Updated dependencies [bd70ab6]
+- Updated dependencies [577602f]
+- Updated dependencies [875ee2c]
+- Updated dependencies [cf14cbb]
+- Updated dependencies [e55bfd2]
+  - @scalar/api-reference@1.25.123
+
+## 0.4.31
+
+### Patch Changes
+
+- @scalar/api-reference@1.25.122
+
 ## 0.4.30
 
 ### Patch Changes

package/README.md

@@ -11,11 +11,6 @@
 npm install @scalar/api-reference-react
 ```
 
-## Compatibility
-
-This package is compatible with React 19 and is untested on React 18. If you want guaranteed React 18 support please use
-version `0.3.166` of this package.
-
 ## Usage
 
 The API Reference package is written in Vue. That shouldn’t stop you from using it in React, though. We have created a client side wrapper in React:

package/dist/ApiReferenceReact.d.ts

@@ -0,0 +1,7 @@
+import type { ReferenceProps } from '@scalar/api-reference';
+import './style.css';
+/**
+ * React wrapper around the Scalar API Reference
+ */
+export declare const ApiReferenceReact: (props: ReferenceProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ApiReferenceReact.d.ts.map

package/dist/ApiReferenceReact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiReferenceReact.d.ts","sourceRoot":"","sources":["../src/ApiReferenceReact.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,aAAa,CAAA;AAOpB;;GAEG;AACH,eAAO,MAAM,iBAAiB,UAAW,cAAc,4CAiCtD,CAAA"}

package/dist/ApiReferenceReact.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { createScalarReferences as _ } from "@scalar/api-reference";
+import { useRef as c, useState as l, useEffect as r } from "react";
+/* empty css          */
+globalThis.__VUE_OPTIONS_API__ = !0;
+globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = !0;
+globalThis.__VUE_PROD_DEVTOOLS__ = !1;
+const C = (e) => {
+  const n = c(null), [t, u] = l(null);
+  return r(() => {
+    if (!n.current) return t == null ? void 0 : t.unmount;
+    const o = { ...{
+      _integration: "react"
+    }, ...e.configuration }, i = _(n.current, o);
+    return u(i), i.unmount;
+  }, [n]), r(() => {
+    const o = { ...{ _integration: "react" }, ...e.configuration };
+    t == null || t.updateConfig(
+      o,
+      /** For React we will just replace the config if it changes */
+      !1
+    );
+  }, [e.configuration]), /* @__PURE__ */ a("div", { ref: n });
+};
+export {
+  C as ApiReferenceReact
+};

package/dist/index.d.ts

@@ -1,11 +1,3 @@
-import { JSX } from 'react/jsx-runtime';
-import { ReferenceProps } from '@scalar/api-reference';
-
-/**
- * React wrapper around the Scalar API Reference
- */
-export declare const ApiReferenceReact: (props: ReferenceProps) => JSX.Element;
-
-export { ReferenceProps }
-
-export { }
+export * from './ApiReferenceReact.js';
+export type { ReferenceProps } from '@scalar/api-reference';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/index.js

@@ -1,463 +1,4 @@
-import ye, { useRef as Oe, useState as Se, useEffect as fe } from "react";
-import { createScalarReferences as je } from "@scalar/api-reference";
-var q = { exports: {} }, O = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var se;
-function Ae() {
-  if (se) return O;
-  se = 1;
-  var i = Symbol.for("react.transitional.element"), v = Symbol.for("react.fragment");
-  function s(R, c, f) {
-    var E = null;
-    if (f !== void 0 && (E = "" + f), c.key !== void 0 && (E = "" + c.key), "key" in c) {
-      f = {};
-      for (var C in c)
-        C !== "key" && (f[C] = c[C]);
-    } else f = c;
-    return c = f.ref, {
-      $$typeof: i,
-      type: R,
-      key: E,
-      ref: c !== void 0 ? c : null,
-      props: f
-    };
-  }
-  return O.Fragment = v, O.jsx = s, O.jsxs = s, O;
-}
-var S = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ee;
-function he() {
-  return Ee || (Ee = 1, process.env.NODE_ENV !== "production" && function() {
-    function i(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === Ce ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case N:
-          return "Fragment";
-        case Te:
-          return "Portal";
-        case B:
-          return "Profiler";
-        case X:
-          return "StrictMode";
-        case Y:
-          return "Suspense";
-        case M:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case F:
-            return (e.displayName || "Context") + ".Provider";
-          case L:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case P:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case $:
-            return r = e.displayName || null, r !== null ? r : i(e.type) || "Memo";
-          case U:
-            r = e._payload, e = e._init;
-            try {
-              return i(e(r));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function v(e) {
-      return "" + e;
-    }
-    function s(e) {
-      try {
-        v(e);
-        var r = !1;
-      } catch {
-        r = !0;
-      }
-      if (r) {
-        r = console;
-        var o = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o.call(
-          r,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), v(e);
-      }
-    }
-    function R() {
-    }
-    function c() {
-      if (x === 0) {
-        K = console.log, D = console.info, ee = console.warn, re = console.error, oe = console.group, te = console.groupCollapsed, ne = console.groupEnd;
-        var e = {
-          configurable: !0,
-          enumerable: !0,
-          value: R,
-          writable: !0
-        };
-        Object.defineProperties(console, {
-          info: e,
-          log: e,
-          warn: e,
-          error: e,
-          group: e,
-          groupCollapsed: e,
-          groupEnd: e
-        });
-      }
-      x++;
-    }
-    function f() {
-      if (x--, x === 0) {
-        var e = { configurable: !0, enumerable: !0, writable: !0 };
-        Object.defineProperties(console, {
-          log: _({}, e, { value: K }),
-          info: _({}, e, { value: D }),
-          warn: _({}, e, { value: ee }),
-          error: _({}, e, { value: re }),
-          group: _({}, e, { value: oe }),
-          groupCollapsed: _({}, e, { value: te }),
-          groupEnd: _({}, e, { value: ne })
-        });
-      }
-      0 > x && console.error(
-        "disabledDepth fell below zero. This is a bug in React. Please file an issue."
-      );
-    }
-    function E(e) {
-      if (V === void 0)
-        try {
-          throw Error();
-        } catch (o) {
-          var r = o.stack.trim().match(/\n( *(at )?)/);
-          V = r && r[1] || "", ae = -1 < o.stack.indexOf(`
-    at`) ? " (<anonymous>)" : -1 < o.stack.indexOf("@") ? "@unknown:0:0" : "";
-        }
-      return `
-` + V + e + ae;
-    }
-    function C(e, r) {
-      if (!e || z) return "";
-      var o = H.get(e);
-      if (o !== void 0) return o;
-      z = !0, o = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
-      var n = null;
-      n = m.H, m.H = null, c();
-      try {
-        var u = {
-          DetermineComponentFrameRoot: function() {
-            try {
-              if (r) {
-                var b = function() {
-                  throw Error();
-                };
-                if (Object.defineProperty(b.prototype, "props", {
-                  set: function() {
-                    throw Error();
-                  }
-                }), typeof Reflect == "object" && Reflect.construct) {
-                  try {
-                    Reflect.construct(b, []);
-                  } catch (g) {
-                    var j = g;
-                  }
-                  Reflect.construct(e, [], b);
-                } else {
-                  try {
-                    b.call();
-                  } catch (g) {
-                    j = g;
-                  }
-                  e.call(b.prototype);
-                }
-              } else {
-                try {
-                  throw Error();
-                } catch (g) {
-                  j = g;
-                }
-                (b = e()) && typeof b.catch == "function" && b.catch(function() {
-                });
-              }
-            } catch (g) {
-              if (g && j && typeof g.stack == "string")
-                return [g.stack, j.stack];
-            }
-            return [null, null];
-          }
-        };
-        u.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
-        var a = Object.getOwnPropertyDescriptor(
-          u.DetermineComponentFrameRoot,
-          "name"
-        );
-        a && a.configurable && Object.defineProperty(
-          u.DetermineComponentFrameRoot,
-          "name",
-          { value: "DetermineComponentFrameRoot" }
-        );
-        var t = u.DetermineComponentFrameRoot(), d = t[0], w = t[1];
-        if (d && w) {
-          var l = d.split(`
-`), T = w.split(`
-`);
-          for (t = a = 0; a < l.length && !l[a].includes(
-            "DetermineComponentFrameRoot"
-          ); )
-            a++;
-          for (; t < T.length && !T[t].includes(
-            "DetermineComponentFrameRoot"
-          ); )
-            t++;
-          if (a === l.length || t === T.length)
-            for (a = l.length - 1, t = T.length - 1; 1 <= a && 0 <= t && l[a] !== T[t]; )
-              t--;
-          for (; 1 <= a && 0 <= t; a--, t--)
-            if (l[a] !== T[t]) {
-              if (a !== 1 || t !== 1)
-                do
-                  if (a--, t--, 0 > t || l[a] !== T[t]) {
-                    var y = `
-` + l[a].replace(
-                      " at new ",
-                      " at "
-                    );
-                    return e.displayName && y.includes("<anonymous>") && (y = y.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, y), y;
-                  }
-                while (1 <= a && 0 <= t);
-              break;
-            }
-        }
-      } finally {
-        z = !1, m.H = n, f(), Error.prepareStackTrace = o;
-      }
-      return l = (l = e ? e.displayName || e.name : "") ? E(l) : "", typeof e == "function" && H.set(e, l), l;
-    }
-    function A(e) {
-      if (e == null) return "";
-      if (typeof e == "function") {
-        var r = e.prototype;
-        return C(
-          e,
-          !(!r || !r.isReactComponent)
-        );
-      }
-      if (typeof e == "string") return E(e);
-      switch (e) {
-        case Y:
-          return E("Suspense");
-        case M:
-          return E("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case P:
-            return e = C(e.render, !1), e;
-          case $:
-            return A(e.type);
-          case U:
-            r = e._payload, e = e._init;
-            try {
-              return A(e(r));
-            } catch {
-            }
-        }
-      return "";
-    }
-    function h() {
-      var e = m.A;
-      return e === null ? null : e.getOwner();
-    }
-    function ve(e) {
-      if (Q.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function de(e, r) {
-      function o() {
-        ue || (ue = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
-        ));
-      }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
-        configurable: !0
-      });
-    }
-    function ge() {
-      var e = i(this.type);
-      return le[e] || (le[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function be(e, r, o, n, u, a) {
-      return o = a.ref, e = {
-        $$typeof: k,
-        type: e,
-        key: r,
-        props: a,
-        _owner: u
-      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: ge
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function G(e, r, o, n, u, a) {
-      if (typeof e == "string" || typeof e == "function" || e === N || e === B || e === X || e === Y || e === M || e === Re || typeof e == "object" && e !== null && (e.$$typeof === U || e.$$typeof === $ || e.$$typeof === F || e.$$typeof === L || e.$$typeof === P || e.$$typeof === we || e.getModuleId !== void 0)) {
-        var t = r.children;
-        if (t !== void 0)
-          if (n)
-            if (W(t)) {
-              for (n = 0; n < t.length; n++)
-                J(t[n], e);
-              Object.freeze && Object.freeze(t);
-            } else
-              console.error(
-                "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-              );
-          else J(t, e);
-      } else
-        t = "", (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (t += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), e === null ? n = "null" : W(e) ? n = "array" : e !== void 0 && e.$$typeof === k ? (n = "<" + (i(e.type) || "Unknown") + " />", t = " Did you accidentally export a JSX literal instead of a component?") : n = typeof e, console.error(
-          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          n,
-          t
-        );
-      if (Q.call(r, "key")) {
-        t = i(e);
-        var d = Object.keys(r).filter(function(l) {
-          return l !== "key";
-        });
-        n = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", ie[t + n] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          n,
-          t,
-          d,
-          t
-        ), ie[t + n] = !0);
-      }
-      if (t = null, o !== void 0 && (s(o), t = "" + o), ve(r) && (s(r.key), t = "" + r.key), "key" in r) {
-        o = {};
-        for (var w in r)
-          w !== "key" && (o[w] = r[w]);
-      } else o = r;
-      return t && de(
-        o,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), be(e, t, a, u, h(), o);
-    }
-    function J(e, r) {
-      if (typeof e == "object" && e && e.$$typeof !== xe) {
-        if (W(e))
-          for (var o = 0; o < e.length; o++) {
-            var n = e[o];
-            p(n) && I(n, r);
-          }
-        else if (p(e))
-          e._store && (e._store.validated = 1);
-        else if (e === null || typeof e != "object" ? o = null : (o = Z && e[Z] || e["@@iterator"], o = typeof o == "function" ? o : null), typeof o == "function" && o !== e.entries && (o = o.call(e), o !== e))
-          for (; !(e = o.next()).done; )
-            p(e.value) && I(e.value, r);
-      }
-    }
-    function p(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === k;
-    }
-    function I(e, r) {
-      if (e._store && !e._store.validated && e.key == null && (e._store.validated = 1, r = me(r), !ce[r])) {
-        ce[r] = !0;
-        var o = "";
-        e && e._owner != null && e._owner !== h() && (o = null, typeof e._owner.tag == "number" ? o = i(e._owner.type) : typeof e._owner.name == "string" && (o = e._owner.name), o = " It was passed a child from " + o + ".");
-        var n = m.getCurrentStack;
-        m.getCurrentStack = function() {
-          var u = A(e.type);
-          return n && (u += n() || ""), u;
-        }, console.error(
-          'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-          r,
-          o
-        ), m.getCurrentStack = n;
-      }
-    }
-    function me(e) {
-      var r = "", o = h();
-      return o && (o = i(o.type)) && (r = `
-
-Check the render method of \`` + o + "`."), r || (e = i(e)) && (r = `
-
-Check the top-level render call using <` + e + ">."), r;
-    }
-    var _e = ye, k = Symbol.for("react.transitional.element"), Te = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), F = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), Y = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), Re = Symbol.for("react.offscreen"), Z = Symbol.iterator, Ce = Symbol.for("react.client.reference"), m = _e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Q = Object.prototype.hasOwnProperty, _ = Object.assign, we = Symbol.for("react.client.reference"), W = Array.isArray, x = 0, K, D, ee, re, oe, te, ne;
-    R.__reactDisabledLog = !0;
-    var V, ae, z = !1, H = new (typeof WeakMap == "function" ? WeakMap : Map)(), xe = Symbol.for("react.client.reference"), ue, le = {}, ie = {}, ce = {};
-    S.Fragment = N, S.jsx = function(e, r, o, n, u) {
-      return G(e, r, o, !1, n, u);
-    }, S.jsxs = function(e, r, o, n, u) {
-      return G(e, r, o, !0, n, u);
-    };
-  }()), S;
-}
-process.env.NODE_ENV === "production" ? q.exports = Ae() : q.exports = he();
-var pe = q.exports;
-globalThis.__VUE_OPTIONS_API__ = !0;
-globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = !0;
-globalThis.__VUE_PROD_DEVTOOLS__ = !1;
-const Pe = (i) => {
-  const v = Oe(null), [s, R] = Se(null);
-  return fe(() => {
-    if (!v.current) return s == null ? void 0 : s.unmount;
-    const f = { ...{
-      _integration: "react"
-    }, ...i.configuration }, E = je(v.current, f);
-    return R(E), E.unmount;
-  }, [v]), fe(() => {
-    const f = { ...{ _integration: "react" }, ...i.configuration };
-    s == null || s.updateConfig(
-      f,
-      /** For React we will just replace the config if it changes */
-      !1
-    );
-  }, [i.configuration]), /* @__PURE__ */ pe.jsx("div", { ref: v });
-};
+import { ApiReferenceReact as c } from "./ApiReferenceReact.js";
 export {
-  Pe as ApiReferenceReact
+  c as ApiReferenceReact
 };