docusaurus-theme-openapi-docs 0.0.0-555 → 0.0.0-556

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 (7) hide show
  1. package/lib/theme/ApiLogo/index.js +24 -1
  2. package/lib/theme/styles.css +4 -0
  3. package/lib-next/theme/ApiLogo/index.js +35 -9
  4. package/lib-next/theme/styles.css +4 -0
  5. package/package.json +3 -3
  6. package/src/theme/ApiLogo/index.tsx +37 -10
  7. package/src/theme/styles.css +4 -0
package/lib/theme/ApiLogo/index.js CHANGED
@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = ApiLogo;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _themeCommon = require("@docusaurus/theme-common");
9
+ var _useBaseUrl = _interopRequireDefault(require("@docusaurus/useBaseUrl"));
10
+ var _ThemedImage = _interopRequireDefault(require("@theme/ThemedImage"));
9
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
12
  /* ============================================================================
11
13
  * Copyright (c) Palo Alto Networks
@@ -22,5 +24,26 @@ function ApiLogo(props) {
22
24
  logo,
23
25
  darkLogo
24
26
  } = props;
25
- return logo ? <img alt={colorMode === "dark" && darkLogo ? darkLogo.altText : logo.altText} src={colorMode === "dark" && darkLogo ? darkLogo.url : logo.url} width="250px" /> : <div />;
27
+ const altText = () => {
28
+ if (colorMode === "dark") {
29
+ var _darkLogo$altText;
30
+ return (_darkLogo$altText = darkLogo === null || darkLogo === void 0 ? void 0 : darkLogo.altText) !== null && _darkLogo$altText !== void 0 ? _darkLogo$altText : logo === null || logo === void 0 ? void 0 : logo.altText;
31
+ }
32
+ return logo === null || logo === void 0 ? void 0 : logo.altText;
33
+ };
34
+ const lightLogoUrl = (0, _useBaseUrl.default)(logo === null || logo === void 0 ? void 0 : logo.url);
35
+ const darkLogoUrl = (0, _useBaseUrl.default)(darkLogo === null || darkLogo === void 0 ? void 0 : darkLogo.url);
36
+ if (logo && darkLogo) {
37
+ return <_ThemedImage.default alt={altText()} sources={{
38
+ light: lightLogoUrl,
39
+ dark: darkLogoUrl
40
+ }} className="openapi__logo" />;
41
+ }
42
+ if (logo || darkLogo) {
43
+ return <_ThemedImage.default alt={altText()} sources={{
44
+ light: lightLogoUrl !== null && lightLogoUrl !== void 0 ? lightLogoUrl : darkLogoUrl,
45
+ dark: lightLogoUrl !== null && lightLogoUrl !== void 0 ? lightLogoUrl : darkLogoUrl
46
+ }} className="openapi__logo" />;
47
+ }
48
+ return undefined;
26
49
  }
package/lib/theme/styles.css CHANGED
@@ -475,3 +475,7 @@
475
475
  .prism-code.language-java {
476
476
  white-space: pre !important;
477
477
  }
478
+
479
+ .openapi__logo {
480
+ width: 250px;
481
+ }
package/lib-next/theme/ApiLogo/index.js CHANGED
@@ -7,16 +7,42 @@
7
7
 
8
8
  import React from "react";
9
9
  import { useColorMode } from "@docusaurus/theme-common";
10
+ import useBaseUrl from "@docusaurus/useBaseUrl";
11
+ import ThemedImage from "@theme/ThemedImage";
10
12
  export default function ApiLogo(props) {
11
13
  const { colorMode } = useColorMode();
12
14
  const { logo, darkLogo } = props;
13
- return logo ? (
14
- <img
15
- alt={colorMode === "dark" && darkLogo ? darkLogo.altText : logo.altText}
16
- src={colorMode === "dark" && darkLogo ? darkLogo.url : logo.url}
17
- width="250px"
18
- />
19
- ) : (
20
- <div />
21
- );
15
+ const altText = () => {
16
+ if (colorMode === "dark") {
17
+ return darkLogo?.altText ?? logo?.altText;
18
+ }
19
+ return logo?.altText;
20
+ };
21
+ const lightLogoUrl = useBaseUrl(logo?.url);
22
+ const darkLogoUrl = useBaseUrl(darkLogo?.url);
23
+ if (logo && darkLogo) {
24
+ return (
25
+ <ThemedImage
26
+ alt={altText()}
27
+ sources={{
28
+ light: lightLogoUrl,
29
+ dark: darkLogoUrl,
30
+ }}
31
+ className="openapi__logo"
32
+ />
33
+ );
34
+ }
35
+ if (logo || darkLogo) {
36
+ return (
37
+ <ThemedImage
38
+ alt={altText()}
39
+ sources={{
40
+ light: lightLogoUrl ?? darkLogoUrl,
41
+ dark: lightLogoUrl ?? darkLogoUrl,
42
+ }}
43
+ className="openapi__logo"
44
+ />
45
+ );
46
+ }
47
+ return undefined;
22
48
  }
package/lib-next/theme/styles.css CHANGED
@@ -475,3 +475,7 @@
475
475
  .prism-code.language-java {
476
476
  white-space: pre !important;
477
477
  }
478
+
479
+ .openapi__logo {
480
+ width: 250px;
481
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "docusaurus-theme-openapi-docs",
3
3
  "description": "OpenAPI theme for Docusaurus.",
4
- "version": "0.0.0-555",
4
+ "version": "0.0.0-556",
5
5
  "license": "MIT",
6
6
  "keywords": [
7
7
  "openapi",
@@ -51,7 +51,7 @@
51
51
  "buffer": "^6.0.3",
52
52
  "clsx": "^1.1.1",
53
53
  "crypto-js": "^4.1.1",
54
- "docusaurus-plugin-openapi-docs": "0.0.0-555",
54
+ "docusaurus-plugin-openapi-docs": "0.0.0-556",
55
55
  "file-saver": "^2.0.5",
56
56
  "immer": "^9.0.7",
57
57
  "lodash": "^4.17.20",
@@ -74,5 +74,5 @@
74
74
  "engines": {
75
75
  "node": ">=14"
76
76
  },
77
- "gitHead": "f2dee980b0b02e2198d4173b6a1c08859c5fb6d1"
77
+ "gitHead": "880c576c85f44e508559ea8a000d60a4ad2fee0c"
78
78
  }
package/src/theme/ApiLogo/index.tsx CHANGED
@@ -8,18 +8,45 @@
8
8
  import React from "react";
9
9
 
10
10
  import { useColorMode } from "@docusaurus/theme-common";
11
+ import useBaseUrl from "@docusaurus/useBaseUrl";
12
+ import ThemedImage from "@theme/ThemedImage";
11
13
 
12
- export default function ApiLogo(props: any): JSX.Element {
14
+ export default function ApiLogo(props: any): JSX.Element | undefined {
13
15
  const { colorMode } = useColorMode();
14
16
  const { logo, darkLogo } = props;
17
+ const altText = () => {
18
+ if (colorMode === "dark") {
19
+ return darkLogo?.altText ?? logo?.altText;
20
+ }
21
+ return logo?.altText;
22
+ };
23
+ const lightLogoUrl = useBaseUrl(logo?.url);
24
+ const darkLogoUrl = useBaseUrl(darkLogo?.url);
15
25
 
16
- return logo ? (
17
- <img
18
- alt={colorMode === "dark" && darkLogo ? darkLogo.altText : logo.altText}
19
- src={colorMode === "dark" && darkLogo ? darkLogo.url : logo.url}
20
- width="250px"
21
- />
22
- ) : (
23
- <div />
24
- );
26
+ if (logo && darkLogo) {
27
+ return (
28
+ <ThemedImage
29
+ alt={altText()}
30
+ sources={{
31
+ light: lightLogoUrl,
32
+ dark: darkLogoUrl,
33
+ }}
34
+ className="openapi__logo"
35
+ />
36
+ );
37
+ }
38
+ if (logo || darkLogo) {
39
+ return (
40
+ <ThemedImage
41
+ alt={altText()}
42
+ sources={{
43
+ light: lightLogoUrl ?? darkLogoUrl,
44
+ dark: lightLogoUrl ?? darkLogoUrl,
45
+ }}
46
+ className="openapi__logo"
47
+ />
48
+ );
49
+ }
50
+
51
+ return undefined;
25
52
  }
package/src/theme/styles.css CHANGED
@@ -475,3 +475,7 @@
475
475
  .prism-code.language-java {
476
476
  white-space: pre !important;
477
477
  }
478
+
479
+ .openapi__logo {
480
+ width: 250px;
481
+ }