diff options
author | Kristóf Marussy <kristof@marussy.com> | 2024-04-16 00:38:59 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2024-04-16 00:45:05 +0200 |
commit | 341ccd3e5bd3f7cba2bab6aaf76a7712d4739bf8 (patch) | |
tree | 023f5f41dcdfe44972903b500c3ee3793ad21b29 /subprojects | |
parent | feat(frontend): add homepage link (diff) | |
download | refinery-341ccd3e5bd3f7cba2bab6aaf76a7712d4739bf8.tar.gz refinery-341ccd3e5bd3f7cba2bab6aaf76a7712d4739bf8.tar.zst refinery-341ccd3e5bd3f7cba2bab6aaf76a7712d4739bf8.zip |
feat(docs): add Algolia DocSearch
Diffstat (limited to 'subprojects')
-rw-r--r-- | subprojects/docs/docusaurus.config.ts | 9 | ||||
-rw-r--r-- | subprojects/docs/package.json | 8 | ||||
-rw-r--r-- | subprojects/docs/src/css/custom.css | 23 |
3 files changed, 29 insertions, 11 deletions
diff --git a/subprojects/docs/docusaurus.config.ts b/subprojects/docs/docusaurus.config.ts index 1b79a0f4..67ee1db4 100644 --- a/subprojects/docs/docusaurus.config.ts +++ b/subprojects/docs/docusaurus.config.ts | |||
@@ -9,6 +9,7 @@ import type { Options as DocsOptions } from '@docusaurus/plugin-content-docs'; | |||
9 | import type { Options as PagesOptions } from '@docusaurus/plugin-content-pages'; | 9 | import type { Options as PagesOptions } from '@docusaurus/plugin-content-pages'; |
10 | import type { Options as ClassicThemeOptions } from '@docusaurus/theme-classic'; | 10 | import type { Options as ClassicThemeOptions } from '@docusaurus/theme-classic'; |
11 | import type { UserThemeConfig } from '@docusaurus/theme-common'; | 11 | import type { UserThemeConfig } from '@docusaurus/theme-common'; |
12 | import type { UserThemeConfig as AlgoliaConfig } from '@docusaurus/theme-search-algolia'; | ||
12 | import type { Config } from '@docusaurus/types'; | 13 | import type { Config } from '@docusaurus/types'; |
13 | import { Config as SwcConfig } from '@swc/core'; | 14 | import { Config as SwcConfig } from '@swc/core'; |
14 | import { themes } from 'prism-react-renderer'; | 15 | import { themes } from 'prism-react-renderer'; |
@@ -67,6 +68,7 @@ export default { | |||
67 | customCss: [require.resolve('./src/css/custom.css')], | 68 | customCss: [require.resolve('./src/css/custom.css')], |
68 | } satisfies ClassicThemeOptions, | 69 | } satisfies ClassicThemeOptions, |
69 | ], | 70 | ], |
71 | '@docusaurus/theme-search-algolia', | ||
70 | ], | 72 | ], |
71 | themeConfig: { | 73 | themeConfig: { |
72 | colorMode: { | 74 | colorMode: { |
@@ -195,7 +197,12 @@ export default { | |||
195 | <a href="/license/">Eclipse Public License - v 2.0</a>. | 197 | <a href="/license/">Eclipse Public License - v 2.0</a>. |
196 | `, | 198 | `, |
197 | }, | 199 | }, |
198 | } satisfies UserThemeConfig, | 200 | algolia: { |
201 | appId: 'KYHOYEO80F', | ||
202 | apiKey: '152acfb8d1ad9e10f29f083a6b017a69', | ||
203 | indexName: 'refinery', | ||
204 | }, | ||
205 | } satisfies UserThemeConfig & AlgoliaConfig, | ||
199 | webpack: { | 206 | webpack: { |
200 | // Speed up builds by using a native Javascript loader. | 207 | // Speed up builds by using a native Javascript loader. |
201 | // See: https://github.com/facebook/docusaurus/issues/4765#issuecomment-841135926 | 208 | // See: https://github.com/facebook/docusaurus/issues/4765#issuecomment-841135926 |
diff --git a/subprojects/docs/package.json b/subprojects/docs/package.json index 989e7197..d928c5b1 100644 --- a/subprojects/docs/package.json +++ b/subprojects/docs/package.json | |||
@@ -36,6 +36,7 @@ | |||
36 | "@docusaurus/plugin-sitemap": "^3.2.1", | 36 | "@docusaurus/plugin-sitemap": "^3.2.1", |
37 | "@docusaurus/theme-classic": "^3.2.1", | 37 | "@docusaurus/theme-classic": "^3.2.1", |
38 | "@docusaurus/theme-common": "^3.2.1", | 38 | "@docusaurus/theme-common": "^3.2.1", |
39 | "@docusaurus/theme-search-algolia": "^3.2.1", | ||
39 | "@fontsource-variable/jetbrains-mono": "^5.0.20", | 40 | "@fontsource-variable/jetbrains-mono": "^5.0.20", |
40 | "@fontsource-variable/open-sans": "^5.0.28", | 41 | "@fontsource-variable/open-sans": "^5.0.28", |
41 | "@fontsource/open-sans": "^5.0.27", | 42 | "@fontsource/open-sans": "^5.0.27", |
@@ -43,20 +44,25 @@ | |||
43 | "@mdx-js/react": "^3.0.1", | 44 | "@mdx-js/react": "^3.0.1", |
44 | "@swc/core": "^1.4.13", | 45 | "@swc/core": "^1.4.13", |
45 | "clsx": "^2.1.0", | 46 | "clsx": "^2.1.0", |
47 | "mdast-util-mdx": "^3.0.0", | ||
46 | "prism-react-renderer": "^2.3.1", | 48 | "prism-react-renderer": "^2.3.1", |
47 | "react": "^18.2.0", | 49 | "react": "^18.2.0", |
48 | "react-dom": "^18.2.0", | 50 | "react-dom": "^18.2.0", |
49 | "remark-smartypants": "^2.1.0", | 51 | "remark-smartypants": "^2.1.0", |
50 | "swc-loader": "^0.2.6", | 52 | "swc-loader": "^0.2.6", |
51 | "terser-webpack-plugin": "^5.3.10", | 53 | "terser-webpack-plugin": "^5.3.10", |
54 | "unified": "^11.0.4", | ||
55 | "unist-util-visit": "^5.0.0", | ||
52 | "webpack": "^5.91.0" | 56 | "webpack": "^5.91.0" |
53 | }, | 57 | }, |
54 | "devDependencies": { | 58 | "devDependencies": { |
55 | "@docusaurus/module-type-aliases": "^3.2.1", | 59 | "@docusaurus/module-type-aliases": "^3.2.1", |
56 | "@docusaurus/types": "^3.2.1", | 60 | "@docusaurus/types": "^3.2.1", |
57 | "@types/babel__core": "^7.20.5", | 61 | "@types/babel__core": "^7.20.5", |
62 | "@types/mdast": "^4.0.3", | ||
58 | "@types/node": "^20.12.7", | 63 | "@types/node": "^20.12.7", |
59 | "@types/react": "^18.2.75", | 64 | "@types/react": "^18.2.75", |
60 | "@types/react-dom": "^18.2.24" | 65 | "@types/react-dom": "^18.2.24", |
66 | "@types/unist": "^3.0.2" | ||
61 | } | 67 | } |
62 | } | 68 | } |
diff --git a/subprojects/docs/src/css/custom.css b/subprojects/docs/src/css/custom.css index 5b7f17b6..8646ba5f 100644 --- a/subprojects/docs/src/css/custom.css +++ b/subprojects/docs/src/css/custom.css | |||
@@ -93,25 +93,30 @@ code { | |||
93 | } | 93 | } |
94 | 94 | ||
95 | .navbar__link--try-now { | 95 | .navbar__link--try-now { |
96 | color: var(--ifm-font-color-base-inverse); | 96 | color: var(--ifm-color-primary); |
97 | background: var(--ifm-color-primary); | 97 | background: rgb(3 138 153 / 12%); |
98 | transition: background var(--ifm-button-transition-duration) var(--ifm-transition-timing-default); | 98 | transition: background var(--ifm-button-transition-duration) var(--ifm-transition-timing-default); |
99 | } | 99 | } |
100 | 100 | ||
101 | .navbar__inner .navbar__link--try-now { | 101 | .navbar__inner .navbar__link--try-now { |
102 | margin: 0 0.5rem 0 0.25rem; | 102 | margin: 0 0.75rem 0 0.5rem; |
103 | padding: 0.25rem 1.25rem; | 103 | padding: 0.25rem 1.25rem; |
104 | border-radius: 50em; | 104 | border-radius: 50em; |
105 | } | 105 | } |
106 | 106 | ||
107 | .navbar__link--try-now:hover { | 107 | .navbar__link--try-now:hover, |
108 | color: var(--ifm-font-color-base-inverse); | 108 | .navbar__link--try-now:active { |
109 | background: var(--ifm-color-primary-dark); | 109 | color: var(--ifm-color-primary); |
110 | background: rgb(3 138 153 / 16%); | ||
110 | } | 111 | } |
111 | 112 | ||
112 | .navbar__link--try-now:active { | 113 | [data-theme="dark"] .navbar__link--try-now { |
113 | color: var(--ifm-font-color-base-inverse); | 114 | background: rgb(86 182 194 / 16%); |
114 | background: var(--ifm-color-primary-darker); | 115 | } |
116 | |||
117 | [data-theme="dark"] .navbar__link--try-now:hover, | ||
118 | [data-theme="dark"] .navbar__link--try-now:active { | ||
119 | background: rgb(86 182 194 / 24%); | ||
115 | } | 120 | } |
116 | 121 | ||
117 | .menu { | 122 | .menu { |