create-packer 1.24.41 → 1.25.0
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.
- package/package.json +1 -1
- package/template/docusaurus/.gitignore +35 -0
- package/template/docusaurus/.prettierignore +4 -0
- package/template/docusaurus/.prettierrc +18 -0
- package/template/docusaurus/README.md +41 -0
- package/template/docusaurus/babel.config.js +3 -0
- package/template/docusaurus/blog/2019-05-28-first-blog-post.md +12 -0
- package/template/docusaurus/blog/2019-05-29-long-blog-post.md +44 -0
- package/template/docusaurus/blog/2021-08-01-mdx-blog-post.mdx +20 -0
- package/template/docusaurus/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg +0 -0
- package/template/docusaurus/blog/2021-08-26-welcome/index.md +25 -0
- package/template/docusaurus/blog/authors.yml +17 -0
- package/template/docusaurus/docs/intro.mdx +47 -0
- package/template/docusaurus/docs/tutorial-basics/_category_.json +8 -0
- package/template/docusaurus/docs/tutorial-basics/congratulations.md +23 -0
- package/template/docusaurus/docs/tutorial-basics/create-a-blog-post.md +34 -0
- package/template/docusaurus/docs/tutorial-basics/create-a-document.md +57 -0
- package/template/docusaurus/docs/tutorial-basics/create-a-page.md +43 -0
- package/template/docusaurus/docs/tutorial-basics/deploy-your-site.md +31 -0
- package/template/docusaurus/docs/tutorial-basics/markdown-features.mdx +150 -0
- package/template/docusaurus/docs/tutorial-extras/_category_.json +7 -0
- package/template/docusaurus/docs/tutorial-extras/img/docsVersionDropdown.png +0 -0
- package/template/docusaurus/docs/tutorial-extras/img/localeDropdown.png +0 -0
- package/template/docusaurus/docs/tutorial-extras/manage-docs-versions.md +55 -0
- package/template/docusaurus/docs/tutorial-extras/translate-your-site.md +88 -0
- package/template/docusaurus/docusaurus.config.js +116 -0
- package/template/docusaurus/package.json +52 -0
- package/template/docusaurus/sidebars.js +19 -0
- package/template/docusaurus/src/components/HomepageFeatures/index.tsx +70 -0
- package/template/docusaurus/src/components/HomepageFeatures/styles.module.css +11 -0
- package/template/docusaurus/src/css/custom.css +30 -0
- package/template/docusaurus/src/pages/index.module.css +23 -0
- package/template/docusaurus/src/pages/index.tsx +40 -0
- package/template/docusaurus/src/pages/markdown-page.md +7 -0
- package/template/docusaurus/static/.nojekyll +0 -0
- package/template/docusaurus/static/img/docusaurus-social-card.jpg +0 -0
- package/template/docusaurus/static/img/docusaurus.png +0 -0
- package/template/docusaurus/static/img/favicon.ico +0 -0
- package/template/docusaurus/static/img/logo.svg +1 -0
- package/template/docusaurus/static/img/undraw_docusaurus_mountain.svg +171 -0
- package/template/docusaurus/static/img/undraw_docusaurus_react.svg +170 -0
- package/template/docusaurus/static/img/undraw_docusaurus_tree.svg +40 -0
- package/template/docusaurus/tsconfig.json +7 -0
- package/template/web-app/{react-webpack/pages/layout/layout.tsx → react/domain/app/app-layout.tsx} +3 -3
- package/template/web-app/react/domain/app/app-loading.tsx +3 -0
- package/template/web-app/react/domain/app/app-not-found.tsx +3 -0
- package/template/web-app/react/domain/app/app.tsx +17 -0
- package/template/web-app/react/domain/app/index.ts +4 -0
- package/template/web-app/react/main.tsx +3 -3
- package/template/web-app/react/package.json +1 -1
- package/template/web-app/react/router/router.tsx +3 -3
- package/template/web-app/{react/pages/layout/layout.tsx → react-webpack/domain/app/app-layout.tsx} +3 -3
- package/template/web-app/react-webpack/domain/app/app-loading.tsx +3 -0
- package/template/web-app/react-webpack/domain/app/app-not-found.tsx +3 -0
- package/template/web-app/react-webpack/domain/app/app.tsx +17 -0
- package/template/web-app/react-webpack/domain/app/index.ts +3 -0
- package/template/web-app/react-webpack/main.tsx +3 -3
- package/template/web-app/react-webpack/router/router.tsx +3 -2
- package/template/web-app/vue/{providers → domain/app}/app.ts +1 -1
- package/template/web-app/vue/domain/app/app.vue +18 -0
- package/template/web-app/vue/{providers → domain/app}/createComponentInstance.ts +1 -1
- package/template/web-app/vue/domain/app/index.ts +4 -0
- package/template/web-app/vue/providers/index.ts +0 -2
- package/template/web-app/vue/router/index.ts +7 -12
- package/template/web-app/vue/tailwind.config.cjs +8 -1
- package/template/web-app/react/pages/layout/components/index.ts +0 -1
- package/template/web-app/react/pages/layout/components/loading.tsx +0 -3
- package/template/web-app/react/pages/layout/index.ts +0 -1
- package/template/web-app/react/pages/notFound/index.ts +0 -1
- package/template/web-app/react/pages/notFound/notFound.tsx +0 -3
- package/template/web-app/react-webpack/pages/layout/components/index.ts +0 -1
- package/template/web-app/react-webpack/pages/layout/components/loading.tsx +0 -3
- package/template/web-app/react-webpack/pages/layout/index.ts +0 -1
- package/template/web-app/react-webpack/pages/notFound/index.ts +0 -1
- package/template/web-app/react-webpack/pages/notFound/notFound.tsx +0 -3
- package/template/web-app/vue/app.vue +0 -7
- package/template/web-app/vue/pages/layout/index.ts +0 -1
- package/template/web-app/vue/pages/not-found/index.ts +0 -1
- package/template/workspace/nx/node_modules/.pnpm/minipass-fetch@3.0.3/node_modules/minipass-sized/.gitignore +0 -22
- package/template/workspace/nx/node_modules/.pnpm/minipass-sized@1.0.3/node_modules/minipass-sized/.gitignore +0 -22
- package/template/workspace/nx/node_modules/.pnpm/node_modules/minipass-sized/.gitignore +0 -22
- package/template/workspace/nx/node_modules/.pnpm/node_modules/npm-normalize-package-bin/.gitignore +0 -24
- package/template/workspace/nx/node_modules/.pnpm/npm-bundled@1.1.2/node_modules/npm-normalize-package-bin/.gitignore +0 -24
- package/template/workspace/nx/node_modules/.pnpm/npm-normalize-package-bin@1.0.1/node_modules/npm-normalize-package-bin/.gitignore +0 -24
- package/template/workspace/nx/node_modules/.pnpm/npm-packlist@5.1.1/node_modules/npm-normalize-package-bin/.gitignore +0 -24
- /package/template/web-app/vue/{pages/layout/layout.vue → domain/app/app-layout.vue} +0 -0
- /package/template/web-app/vue/{pages/not-found/not-found.vue → domain/app/app-not-found.vue} +0 -0
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
---
|
|
2
|
+
sidebar_position: 1
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Manage Docs Versions
|
|
6
|
+
|
|
7
|
+
Docusaurus can manage multiple versions of your docs.
|
|
8
|
+
|
|
9
|
+
## Create a docs version
|
|
10
|
+
|
|
11
|
+
Release a version 1.0 of your project:
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npm run docusaurus docs:version 1.0
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
The `docs` folder is copied into `versioned_docs/version-1.0` and `versions.json` is created.
|
|
18
|
+
|
|
19
|
+
Your docs now have 2 versions:
|
|
20
|
+
|
|
21
|
+
- `1.0` at `http://localhost:3000/docs/` for the version 1.0 docs
|
|
22
|
+
- `current` at `http://localhost:3000/docs/next/` for the **upcoming, unreleased docs**
|
|
23
|
+
|
|
24
|
+
## Add a Version Dropdown
|
|
25
|
+
|
|
26
|
+
To navigate seamlessly across versions, add a version dropdown.
|
|
27
|
+
|
|
28
|
+
Modify the `docusaurus.config.js` file:
|
|
29
|
+
|
|
30
|
+
```js title="docusaurus.config.js"
|
|
31
|
+
module.exports = {
|
|
32
|
+
themeConfig: {
|
|
33
|
+
navbar: {
|
|
34
|
+
items: [
|
|
35
|
+
// highlight-start
|
|
36
|
+
{
|
|
37
|
+
type: 'docsVersionDropdown',
|
|
38
|
+
},
|
|
39
|
+
// highlight-end
|
|
40
|
+
],
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
The docs version dropdown appears in your navbar:
|
|
47
|
+
|
|
48
|
+

|
|
49
|
+
|
|
50
|
+
## Update an existing version
|
|
51
|
+
|
|
52
|
+
It is possible to edit versioned docs in their respective folder:
|
|
53
|
+
|
|
54
|
+
- `versioned_docs/version-1.0/hello.md` updates `http://localhost:3000/docs/hello`
|
|
55
|
+
- `docs/hello.md` updates `http://localhost:3000/docs/next/hello`
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
---
|
|
2
|
+
sidebar_position: 2
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Translate your site
|
|
6
|
+
|
|
7
|
+
Let's translate `docs/intro.md` to French.
|
|
8
|
+
|
|
9
|
+
## Configure i18n
|
|
10
|
+
|
|
11
|
+
Modify `docusaurus.config.js` to add support for the `fr` locale:
|
|
12
|
+
|
|
13
|
+
```js title="docusaurus.config.js"
|
|
14
|
+
module.exports = {
|
|
15
|
+
i18n: {
|
|
16
|
+
defaultLocale: 'en',
|
|
17
|
+
locales: ['en', 'fr'],
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Translate a doc
|
|
23
|
+
|
|
24
|
+
Copy the `docs/intro.md` file to the `i18n/fr` folder:
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
mkdir -p i18n/fr/docusaurus-plugin-content-docs/current/
|
|
28
|
+
|
|
29
|
+
cp docs/intro.md i18n/fr/docusaurus-plugin-content-docs/current/intro.md
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
Translate `i18n/fr/docusaurus-plugin-content-docs/current/intro.md` in French.
|
|
33
|
+
|
|
34
|
+
## Start your localized site
|
|
35
|
+
|
|
36
|
+
Start your site on the French locale:
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
npm run start -- --locale fr
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
Your localized site is accessible at [http://localhost:3000/fr/](http://localhost:3000/fr/) and the `Getting Started` page is translated.
|
|
43
|
+
|
|
44
|
+
:::caution
|
|
45
|
+
|
|
46
|
+
In development, you can only use one locale at a same time.
|
|
47
|
+
|
|
48
|
+
:::
|
|
49
|
+
|
|
50
|
+
## Add a Locale Dropdown
|
|
51
|
+
|
|
52
|
+
To navigate seamlessly across languages, add a locale dropdown.
|
|
53
|
+
|
|
54
|
+
Modify the `docusaurus.config.js` file:
|
|
55
|
+
|
|
56
|
+
```js title="docusaurus.config.js"
|
|
57
|
+
module.exports = {
|
|
58
|
+
themeConfig: {
|
|
59
|
+
navbar: {
|
|
60
|
+
items: [
|
|
61
|
+
// highlight-start
|
|
62
|
+
{
|
|
63
|
+
type: 'localeDropdown',
|
|
64
|
+
},
|
|
65
|
+
// highlight-end
|
|
66
|
+
],
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
};
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
The locale dropdown now appears in your navbar:
|
|
73
|
+
|
|
74
|
+

|
|
75
|
+
|
|
76
|
+
## Build your localized site
|
|
77
|
+
|
|
78
|
+
Build your site for a specific locale:
|
|
79
|
+
|
|
80
|
+
```bash
|
|
81
|
+
npm run build -- --locale fr
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
Or build your site to include all the locales at once:
|
|
85
|
+
|
|
86
|
+
```bash
|
|
87
|
+
npm run build
|
|
88
|
+
```
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
// @ts-check
|
|
2
|
+
// Note: type annotations allow type checking and IDEs autocompletion
|
|
3
|
+
|
|
4
|
+
const lightCodeTheme = require('prism-react-renderer/themes/github')
|
|
5
|
+
const darkCodeTheme = require('prism-react-renderer/themes/dracula')
|
|
6
|
+
|
|
7
|
+
const sidebarPath = require.resolve('./sidebars.js')
|
|
8
|
+
|
|
9
|
+
/** @type {[string, any]} */
|
|
10
|
+
const searchBar = [
|
|
11
|
+
require.resolve('@easyops-cn/docusaurus-search-local'),
|
|
12
|
+
/** @type {import("@easyops-cn/docusaurus-search-local").PluginOptions} */
|
|
13
|
+
({
|
|
14
|
+
// ... Your options.
|
|
15
|
+
// `hashed` is recommended as long-term-cache of index file is possible.
|
|
16
|
+
hashed: true
|
|
17
|
+
// For Docs using Chinese, The `language` is recommended to set to:
|
|
18
|
+
// ```
|
|
19
|
+
// language: ["en", "zh"],
|
|
20
|
+
// ```
|
|
21
|
+
})
|
|
22
|
+
]
|
|
23
|
+
|
|
24
|
+
/** @type {import('@docusaurus/types').Config} */
|
|
25
|
+
const config = {
|
|
26
|
+
title: 'My Site',
|
|
27
|
+
tagline: 'Dinosaurs are cool',
|
|
28
|
+
favicon: 'img/favicon.ico',
|
|
29
|
+
|
|
30
|
+
// Set the production url of your site here
|
|
31
|
+
url: 'https://your-docusaurus-test-site.com',
|
|
32
|
+
// Set the /<baseUrl>/ pathname under which your site is served
|
|
33
|
+
// For GitHub pages deployment, it is often '/<projectName>/'
|
|
34
|
+
baseUrl: '/',
|
|
35
|
+
|
|
36
|
+
// GitHub pages deployment config.
|
|
37
|
+
// If you aren't using GitHub pages, you don't need these.
|
|
38
|
+
organizationName: 'facebook', // Usually your GitHub org/user name.
|
|
39
|
+
projectName: 'docusaurus', // Usually your repo name.
|
|
40
|
+
|
|
41
|
+
onBrokenLinks: 'throw',
|
|
42
|
+
onBrokenMarkdownLinks: 'warn',
|
|
43
|
+
|
|
44
|
+
// Even if you don't use internalization, you can use this field to set useful
|
|
45
|
+
// metadata like html lang. For example, if your site is Chinese, you may want
|
|
46
|
+
// to replace "en" with "zh-Hans".
|
|
47
|
+
i18n: {
|
|
48
|
+
defaultLocale: 'en',
|
|
49
|
+
locales: ['en']
|
|
50
|
+
},
|
|
51
|
+
|
|
52
|
+
presets: [
|
|
53
|
+
[
|
|
54
|
+
'classic',
|
|
55
|
+
/** @type {import('@docusaurus/preset-classic').Options} */
|
|
56
|
+
({
|
|
57
|
+
docs: {
|
|
58
|
+
sidebarPath,
|
|
59
|
+
// Please change this to your repo.
|
|
60
|
+
// Remove this to remove the "edit this page" links.
|
|
61
|
+
editUrl:
|
|
62
|
+
'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/'
|
|
63
|
+
},
|
|
64
|
+
blog: {
|
|
65
|
+
showReadingTime: true,
|
|
66
|
+
// Please change this to your repo.
|
|
67
|
+
// Remove this to remove the "edit this page" links.
|
|
68
|
+
editUrl:
|
|
69
|
+
'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/'
|
|
70
|
+
},
|
|
71
|
+
theme: {
|
|
72
|
+
customCss: require.resolve('./src/css/custom.css')
|
|
73
|
+
}
|
|
74
|
+
})
|
|
75
|
+
]
|
|
76
|
+
],
|
|
77
|
+
themes: ['@docusaurus/theme-live-codeblock', searchBar],
|
|
78
|
+
themeConfig:
|
|
79
|
+
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
|
|
80
|
+
({
|
|
81
|
+
// Replace with your project's social card
|
|
82
|
+
image: 'img/docusaurus-social-card.jpg',
|
|
83
|
+
navbar: {
|
|
84
|
+
title: 'My Site',
|
|
85
|
+
logo: {
|
|
86
|
+
alt: 'My Site Logo',
|
|
87
|
+
src: 'img/logo.svg'
|
|
88
|
+
},
|
|
89
|
+
items: [
|
|
90
|
+
...Object.keys(require(sidebarPath)).map(k => ({
|
|
91
|
+
type: 'docSidebar',
|
|
92
|
+
sidebarId: k,
|
|
93
|
+
position: 'left',
|
|
94
|
+
label: k
|
|
95
|
+
})),
|
|
96
|
+
{ to: '/blog', label: 'Blog', position: 'left' },
|
|
97
|
+
{
|
|
98
|
+
href: 'https://github.com/facebook/docusaurus',
|
|
99
|
+
label: 'GitHub',
|
|
100
|
+
position: 'right'
|
|
101
|
+
}
|
|
102
|
+
]
|
|
103
|
+
},
|
|
104
|
+
footer: {
|
|
105
|
+
style: 'dark',
|
|
106
|
+
links: [],
|
|
107
|
+
copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`
|
|
108
|
+
},
|
|
109
|
+
prism: {
|
|
110
|
+
theme: lightCodeTheme,
|
|
111
|
+
darkTheme: darkCodeTheme
|
|
112
|
+
}
|
|
113
|
+
})
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
module.exports = config
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "docusaurus-test",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"scripts": {
|
|
6
|
+
"up:docusaurus": "pnpm up @tsconfig/docusaurus @docusaurus/* -L",
|
|
7
|
+
"docusaurus": "docusaurus",
|
|
8
|
+
"start": "docusaurus start",
|
|
9
|
+
"build": "docusaurus build",
|
|
10
|
+
"swizzle": "docusaurus swizzle",
|
|
11
|
+
"deploy": "docusaurus deploy",
|
|
12
|
+
"clear": "docusaurus clear",
|
|
13
|
+
"serve": "docusaurus serve",
|
|
14
|
+
"write-translations": "docusaurus write-translations",
|
|
15
|
+
"write-heading-ids": "docusaurus write-heading-ids",
|
|
16
|
+
"format": "prettier --write \"./src/**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
|
|
17
|
+
"typecheck": "tsc"
|
|
18
|
+
},
|
|
19
|
+
"dependencies": {
|
|
20
|
+
"@docusaurus/core": "2.4.1",
|
|
21
|
+
"@docusaurus/preset-classic": "2.4.1",
|
|
22
|
+
"@mdx-js/react": "1.6.22",
|
|
23
|
+
"clsx": "1.2.1",
|
|
24
|
+
"prism-react-renderer": "1.3.5",
|
|
25
|
+
"react": "18.2.0",
|
|
26
|
+
"react-dom": "18.2.0"
|
|
27
|
+
},
|
|
28
|
+
"devDependencies": {
|
|
29
|
+
"@docusaurus/module-type-aliases": "2.4.1",
|
|
30
|
+
"@docusaurus/theme-live-codeblock": "2.4.1",
|
|
31
|
+
"@docusaurus/types": "2.4.1",
|
|
32
|
+
"@easyops-cn/docusaurus-search-local": "^0.36.0",
|
|
33
|
+
"@tsconfig/docusaurus": "1.0.5",
|
|
34
|
+
"prettier": "3.0.3",
|
|
35
|
+
"typescript": "5.2.2"
|
|
36
|
+
},
|
|
37
|
+
"browserslist": {
|
|
38
|
+
"production": [
|
|
39
|
+
">0.5%",
|
|
40
|
+
"not dead",
|
|
41
|
+
"not op_mini all"
|
|
42
|
+
],
|
|
43
|
+
"development": [
|
|
44
|
+
"last 1 chrome version",
|
|
45
|
+
"last 1 firefox version",
|
|
46
|
+
"last 1 safari version"
|
|
47
|
+
]
|
|
48
|
+
},
|
|
49
|
+
"engines": {
|
|
50
|
+
"node": ">=16.14"
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Creating a sidebar enables you to:
|
|
3
|
+
- create an ordered group of docs
|
|
4
|
+
- render a sidebar for each doc of that group
|
|
5
|
+
- provide next/previous navigation
|
|
6
|
+
|
|
7
|
+
The sidebars can be generated from the filesystem, or explicitly defined here.
|
|
8
|
+
|
|
9
|
+
Create as many sidebars as you want.
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
// @ts-check
|
|
13
|
+
|
|
14
|
+
/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
|
|
15
|
+
const sidebars = {
|
|
16
|
+
tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }]
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
module.exports = sidebars
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import clsx from 'clsx'
|
|
3
|
+
import styles from './styles.module.css'
|
|
4
|
+
|
|
5
|
+
type FeatureItem = {
|
|
6
|
+
title: string
|
|
7
|
+
Svg: React.ComponentType<React.ComponentProps<'svg'>>
|
|
8
|
+
description: JSX.Element
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const FeatureList: FeatureItem[] = [
|
|
12
|
+
{
|
|
13
|
+
title: 'Easy to Use',
|
|
14
|
+
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
|
|
15
|
+
description: (
|
|
16
|
+
<>
|
|
17
|
+
Docusaurus was designed from the ground up to be easily installed and used to get
|
|
18
|
+
your website up and running quickly.
|
|
19
|
+
</>
|
|
20
|
+
)
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
title: 'Focus on What Matters',
|
|
24
|
+
Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
|
|
25
|
+
description: (
|
|
26
|
+
<>
|
|
27
|
+
Docusaurus lets you focus on your docs, and we'll do the chores. Go ahead and
|
|
28
|
+
move your docs into the <code>docs</code> directory.
|
|
29
|
+
</>
|
|
30
|
+
)
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
title: 'Powered by React',
|
|
34
|
+
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
|
|
35
|
+
description: (
|
|
36
|
+
<>
|
|
37
|
+
Extend or customize your website layout by reusing React. Docusaurus can be extended
|
|
38
|
+
while reusing the same header and footer.
|
|
39
|
+
</>
|
|
40
|
+
)
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
|
|
44
|
+
function Feature({ title, Svg, description }: FeatureItem) {
|
|
45
|
+
return (
|
|
46
|
+
<div className={clsx('col col--4')}>
|
|
47
|
+
<div className="text--center">
|
|
48
|
+
<Svg className={styles.featureSvg} role="img" />
|
|
49
|
+
</div>
|
|
50
|
+
<div className="text--center padding-horiz--md">
|
|
51
|
+
<h3>{title}</h3>
|
|
52
|
+
<p>{description}</p>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
)
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export default function HomepageFeatures(): JSX.Element {
|
|
59
|
+
return (
|
|
60
|
+
<section className={styles.features}>
|
|
61
|
+
<div className="container">
|
|
62
|
+
<div className="row">
|
|
63
|
+
{FeatureList.map((props, idx) => (
|
|
64
|
+
<Feature key={idx} {...props} />
|
|
65
|
+
))}
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
</section>
|
|
69
|
+
)
|
|
70
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Any CSS included here will be global. The classic template
|
|
3
|
+
* bundles Infima by default. Infima is a CSS framework designed to
|
|
4
|
+
* work well for content-centric websites.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
/* You can override the default Infima variables here. */
|
|
8
|
+
:root {
|
|
9
|
+
--ifm-color-primary: #2e8555;
|
|
10
|
+
--ifm-color-primary-dark: #29784c;
|
|
11
|
+
--ifm-color-primary-darker: #277148;
|
|
12
|
+
--ifm-color-primary-darkest: #205d3b;
|
|
13
|
+
--ifm-color-primary-light: #33925d;
|
|
14
|
+
--ifm-color-primary-lighter: #359962;
|
|
15
|
+
--ifm-color-primary-lightest: #3cad6e;
|
|
16
|
+
--ifm-code-font-size: 95%;
|
|
17
|
+
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* For readability concerns, you should choose a lighter palette in dark mode. */
|
|
21
|
+
[data-theme='dark'] {
|
|
22
|
+
--ifm-color-primary: #25c2a0;
|
|
23
|
+
--ifm-color-primary-dark: #21af90;
|
|
24
|
+
--ifm-color-primary-darker: #1fa588;
|
|
25
|
+
--ifm-color-primary-darkest: #1a8870;
|
|
26
|
+
--ifm-color-primary-light: #29d5b0;
|
|
27
|
+
--ifm-color-primary-lighter: #32d8b4;
|
|
28
|
+
--ifm-color-primary-lightest: #4fddbf;
|
|
29
|
+
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
|
|
30
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CSS files with the .module.css suffix will be treated as CSS modules
|
|
3
|
+
* and scoped locally.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
.heroBanner {
|
|
7
|
+
padding: 4rem 0;
|
|
8
|
+
text-align: center;
|
|
9
|
+
position: relative;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@media screen and (max-width: 996px) {
|
|
14
|
+
.heroBanner {
|
|
15
|
+
padding: 2rem;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.buttons {
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: center;
|
|
22
|
+
justify-content: center;
|
|
23
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import clsx from 'clsx'
|
|
3
|
+
import Link from '@docusaurus/Link'
|
|
4
|
+
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
|
|
5
|
+
import Layout from '@theme/Layout'
|
|
6
|
+
import HomepageFeatures from '@site/src/components/HomepageFeatures'
|
|
7
|
+
|
|
8
|
+
import styles from './index.module.css'
|
|
9
|
+
|
|
10
|
+
function HomepageHeader() {
|
|
11
|
+
const { siteConfig } = useDocusaurusContext()
|
|
12
|
+
return (
|
|
13
|
+
<header className={clsx('hero hero--primary', styles.heroBanner)}>
|
|
14
|
+
<div className="container">
|
|
15
|
+
<h1 className="hero__title">{siteConfig.title}</h1>
|
|
16
|
+
<p className="hero__subtitle">{siteConfig.tagline}</p>
|
|
17
|
+
<div className={styles.buttons}>
|
|
18
|
+
<Link className="button button--secondary button--lg" to="/docs/intro">
|
|
19
|
+
Docusaurus Tutorial - 5min ⏱️
|
|
20
|
+
</Link>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</header>
|
|
24
|
+
)
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export default function Home(): JSX.Element {
|
|
28
|
+
const { siteConfig } = useDocusaurusContext()
|
|
29
|
+
return (
|
|
30
|
+
<Layout
|
|
31
|
+
title={`Hello from ${siteConfig.title}`}
|
|
32
|
+
description="Description will go into a meta tag in <head />"
|
|
33
|
+
>
|
|
34
|
+
<HomepageHeader />
|
|
35
|
+
<main>
|
|
36
|
+
<HomepageFeatures />
|
|
37
|
+
</main>
|
|
38
|
+
</Layout>
|
|
39
|
+
)
|
|
40
|
+
}
|
|
File without changes
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M99 52h84v34H99z"/><path d="M23 163c-7.398 0-13.843-4.027-17.303-10A19.886 19.886 0 0 0 3 163c0 11.046 8.954 20 20 20h20v-20H23z" fill="#3ECC5F"/><path d="M112.98 57.376L183 53V43c0-11.046-8.954-20-20-20H73l-2.5-4.33c-1.112-1.925-3.889-1.925-5 0L63 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L53 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L43 23c-.022 0-.042.003-.065.003l-4.142-4.141c-1.57-1.571-4.252-.853-4.828 1.294l-1.369 5.104-5.192-1.392c-2.148-.575-4.111 1.389-3.535 3.536l1.39 5.193-5.102 1.367c-2.148.576-2.867 3.259-1.296 4.83l4.142 4.142c0 .021-.003.042-.003.064l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 53l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 63l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 73l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 83l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 93l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 103l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 113l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 123l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 133l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 143l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 153l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 163c0 11.046 8.954 20 20 20h120c11.046 0 20-8.954 20-20V83l-70.02-4.376A10.645 10.645 0 0 1 103 68c0-5.621 4.37-10.273 9.98-10.624" fill="#3ECC5F"/><path fill="#3ECC5F" d="M143 183h30v-40h-30z"/><path d="M193 158c-.219 0-.428.037-.639.064-.038-.15-.074-.301-.116-.451A5 5 0 0 0 190.32 148a4.96 4.96 0 0 0-3.016 1.036 26.531 26.531 0 0 0-.335-.336 4.955 4.955 0 0 0 1.011-2.987 5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115.027-.211.064-.42.064-.639a5 5 0 0 0-5-5 5 5 0 0 0-5 5c0 .219.037.428.064.639-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987-3.717 3.632-6.031 8.693-6.031 14.3 0 11.046 8.954 20 20 20 9.339 0 17.16-6.41 19.361-15.064.211.027.42.064.639.064a5 5 0 0 0 5-5 5 5 0 0 0-5-5" fill="#44D860"/><path fill="#3ECC5F" d="M153 123h30v-20h-30z"/><path d="M193 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032-.02-.075-.037-.15-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a6.653 6.653 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A9.987 9.987 0 0 0 183 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494.057-.055.113-.111.168-.168.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807c.021-.074.038-.15.058-.225.105.013.21.032.319.032" fill="#44D860"/><path d="M63 55.5a2.5 2.5 0 0 1-2.5-2.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5a2.5 2.5 0 1 1-5 0c0-6.893 5.607-12.5 12.5-12.5S65.5 46.107 65.5 53a2.5 2.5 0 0 1-2.5 2.5" fill="#000"/><path d="M103 183h60c11.046 0 20-8.954 20-20V93h-60c-11.046 0-20 8.954-20 20v70z" fill="#FFFF50"/><path d="M168.02 124h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0-49.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 19.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2M183 61.611c-.012 0-.022-.006-.034-.005-3.09.105-4.552 3.196-5.842 5.923-1.346 2.85-2.387 4.703-4.093 4.647-1.889-.068-2.969-2.202-4.113-4.46-1.314-2.594-2.814-5.536-5.963-5.426-3.046.104-4.513 2.794-5.807 5.167-1.377 2.528-2.314 4.065-4.121 3.994-1.927-.07-2.951-1.805-4.136-3.813-1.321-2.236-2.848-4.75-5.936-4.664-2.994.103-4.465 2.385-5.763 4.4-1.373 2.13-2.335 3.428-4.165 3.351-1.973-.07-2.992-1.51-4.171-3.177-1.324-1.873-2.816-3.993-5.895-3.89-2.928.1-4.399 1.97-5.696 3.618-1.232 1.564-2.194 2.802-4.229 2.724a1 1 0 0 0-.072 2c3.017.101 4.545-1.8 5.872-3.487 1.177-1.496 2.193-2.787 4.193-2.855 1.926-.082 2.829 1.115 4.195 3.045 1.297 1.834 2.769 3.914 5.731 4.021 3.103.104 4.596-2.215 5.918-4.267 1.182-1.834 2.202-3.417 4.15-3.484 1.793-.067 2.769 1.35 4.145 3.681 1.297 2.197 2.766 4.686 5.787 4.796 3.125.108 4.634-2.62 5.949-5.035 1.139-2.088 2.214-4.06 4.119-4.126 1.793-.042 2.728 1.595 4.111 4.33 1.292 2.553 2.757 5.445 5.825 5.556l.169.003c3.064 0 4.518-3.075 5.805-5.794 1.139-2.41 2.217-4.68 4.067-4.773v-2z" fill="#000"/><path fill="#3ECC5F" d="M83 183h40v-40H83z"/><path d="M143 158c-.219 0-.428.037-.639.064-.038-.15-.074-.301-.116-.451A5 5 0 0 0 140.32 148a4.96 4.96 0 0 0-3.016 1.036 26.531 26.531 0 0 0-.335-.336 4.955 4.955 0 0 0 1.011-2.987 5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115.027-.211.064-.42.064-.639a5 5 0 0 0-5-5 5 5 0 0 0-5 5c0 .219.037.428.064.639-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987-3.717 3.632-6.031 8.693-6.031 14.3 0 11.046 8.954 20 20 20 9.339 0 17.16-6.41 19.361-15.064.211.027.42.064.639.064a5 5 0 0 0 5-5 5 5 0 0 0-5-5" fill="#44D860"/><path fill="#3ECC5F" d="M83 123h40v-20H83z"/><path d="M133 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032-.02-.075-.037-.15-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a6.653 6.653 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A9.987 9.987 0 0 0 123 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494.057-.055.113-.111.168-.168.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807c.021-.074.038-.15.058-.225.105.013.21.032.319.032" fill="#44D860"/><path d="M143 41.75c-.16 0-.33-.02-.49-.05a2.52 2.52 0 0 1-.47-.14c-.15-.06-.29-.14-.431-.23-.13-.09-.259-.2-.38-.31-.109-.12-.219-.24-.309-.38s-.17-.28-.231-.43a2.619 2.619 0 0 1-.189-.96c0-.16.02-.33.05-.49.03-.16.08-.31.139-.47.061-.15.141-.29.231-.43.09-.13.2-.26.309-.38.121-.11.25-.22.38-.31.141-.09.281-.17.431-.23.149-.06.31-.11.47-.14.32-.07.65-.07.98 0 .159.03.32.08.47.14.149.06.29.14.43.23.13.09.259.2.38.31.11.12.22.25.31.38.09.14.17.28.23.43.06.16.11.31.14.47.029.16.05.33.05.49 0 .66-.271 1.31-.73 1.77-.121.11-.25.22-.38.31-.14.09-.281.17-.43.23a2.565 2.565 0 0 1-.96.19m20-1.25c-.66 0-1.3-.27-1.771-.73a3.802 3.802 0 0 1-.309-.38c-.09-.14-.17-.28-.231-.43a2.619 2.619 0 0 1-.189-.96c0-.66.27-1.3.729-1.77.121-.11.25-.22.38-.31.141-.09.281-.17.431-.23.149-.06.31-.11.47-.14.32-.07.66-.07.98 0 .159.03.32.08.47.14.149.06.29.14.43.23.13.09.259.2.38.31.459.47.73 1.11.73 1.77 0 .16-.021.33-.05.49-.03.16-.08.32-.14.47-.07.15-.14.29-.23.43-.09.13-.2.26-.31.38-.121.11-.25.22-.38.31-.14.09-.281.17-.43.23a2.565 2.565 0 0 1-.96.19" fill="#000"/></g></svg>
|