README.adoc 8.14 KB
Newer Older
1
= New Bonita Documentation Site
2
3
4
5
6
7
8
9
:icons: font
ifdef::env-github[]
:note-caption: :information_source:
:tip-caption: :bulb:
:important-caption: :heavy_exclamation_mark:
:caution-caption: :fire:
:warning-caption: :warning:
endif::[]
10
11
// External URIs:
:url-antora: https://antora.org
12
:url-asciidoc: https://docs.asciidoctor.org/asciidoc/latest/
13
14
15
16
:url-node: https://nodejs.org
:url-nvm: https://github.com/creationix/nvm
:url-nvm-install: {url-nvm}#installation

17
image::https://api.netlify.com/api/v1/badges/df65c069-bb52-46d2-8bf0-8e16b6b21482/deploy-status[alt=Netlify Status,link=https://app.netlify.com/sites/documentation-bonita/deploys]
18
image::https://github.com/bonitasoft/bonita-documentation-site/actions/workflows/propagate-doc-upwards.yml/badge.svg[alt=Propagate documentation,link=https://github.com/bonitasoft/bonita-documentation-site/actions/workflows/propagate-doc-upwards.yml/badge.svg]
19

20
This repository lets you generate the Bonita documentation site. It uses {url-antora}[Antora] which processes {url-asciidoc}:[AsciiDoc]
21
documentation content stored in various Git repositories.
22
23


24
25
== Documentation

26
See the xref:docs/README.adoc[dedicated folder] for
27
28
29
30
31

* documentation content contribution tips/guidelines
* architecture
* maintainers guides
* and much more
32

33
34
More details are available in the xref:docs/architecture.adoc[Architecture Documentation].

35
36
37
38
39
40

== Build

=== Requirements


41
{url-node}[Node 16.x] (may work with newer versions, no guarantee).
42
43

While you can install Node from the official packages, we strongly recommend that you use {url-nvm}[nvm] (Node Version Manager) to install and manage Node.
44
Follow the {url-nvm-install}[nvm installation instructions] to set up nvm on your machine. Then run `nvm use`.
45

46
47
48
49
50
[NOTE]
====
* all commands are intended to be run from the repository root folder.
* the generated documentation is available in the `build/site` folder.
====
51

52
Don't forget to run `npm install` the first time you build the project or on `package.json` changes.
53

54
Check that the `Antora` CLI is available by calling `./node_modules/.bin/antora --version`.
55
56


57
58
[#non-production-build]
== Non production build
59

60
61
[[preview]]
=== Preview support
62

63
64
The easiest way is to use a script that generates the documentation partially and/or with specific settings for both local
developments, Pull Request previews or to produce documentation archives.
65

66
This includes building the documentation using:
67

68
69
70
* already checkout local documentation content repositories
* single branch for all components
* single branch of a single component
71
* a set of branches of various components. This lets validate https://docs.antora.org/antora/2.3/page/version-and-component-xrefs/[references between pages that belong to different docs components and/or versions]
72
* ....
73

74
75
76
77
78
To know all available options, run
[source,shell script]
----
./build-preview.bash --help
----
79

80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
[NOTE]
=====
An additional `build-preview-dev.bash` script is available: it calls `build-preview.bash` with convenient defaults for
local build. +
In the following, we use both scripts indifferently.
=====

[source,shell script]
.Build a single component version using locally modified document content sources (see <<local-content, required setup>>)
----
./build-preview-dev.bash --local-sources \
  --component bonita \
  --branch fix/a_major_documentation_content_fix
----

[source,shell script]
.Build BCD 3.4, Bonita 7.11 and Bonita 2021.1 versions (cross reference component versions check)
----
./build-preview-dev.bash \
  --use-multi-repositories \
  --component-with-branches bcd:3.4 \
  --component-with-branches bonita:7.11,2021.1
----

==== Preview support overview

The documentation is built by passing a playbook file to the Antora CLI. For more details, see
https://docs.antora.org/antora/2.3/cli/options/[Antora CLI documentation].

For the preview support, we generate a dedicated Antora playbook based on the production playbook store in the repository
and options passed to the `build-preview.bash`. +
Then, this custom playbook is passed to the Antora CLI along with specific options when needed.
112
113


114
[[local-content]]
115
==== Using local documentation content repositories
116

117
118
This activates the https://docs.antora.org/antora/2.3/playbook/author-mode/[Antora author mode]. +
Antora uses the locally cloned repositories as they are on your local machine instead of cloning them from their remote location.
119

120
This provides a fast feedback loop as you don't need to push nor commit sources content. This also makes developments easier when working offline.
121
122
123
124

[NOTE]
.Repositories location
====
125
126
127
128
129
130
This requires to clone content sources repositories locally is the parent folder of this project.
Depending on which sources you use (see the options of the bash script), you may have to clone all, or a part of the repositories
used by the Bonita documentation.

For instance:
----
131
132
root
  |
133
134
135
  -- bonita-cloud-doc
  |
  -- bonita-continuous-delivery-doc
136
  |
137
  -- bonita-doc
138
  |
139
  -- bonita-documentation-site
140
141
  |
  -- bonita-labs-doc
142
----
143
144
====

145
146
147
148
149
150
This can be achieved by running

[source,shell script]
----
./build-preview-dev.bash --local-sources ....
----
151

152
153
154
155
156
[[local-ui-bundle]]
===== Using local UI Bundle

The prebuilt UI Bundle is stored in this repository and sources are located in the https://github.com/bonitasoft/bonita-documentation-theme[bonita-documentation theme]
repository. +
157
158
159
160
If you are developing in the theme repository and want to see the resulting changes in the documentation, you can directly
use the UI Bundle built by the theme repository. +
This provides a fast feedback loop as you don't need to build copy the UI bundle from the theme repository and then run
a build command: everything can be done by running a single command once the push nor commit content as the current work.
161
162
163
164
165
166
167
168
169

Remember that the theme repository provides a preview with mock content that make development easier. But sometimes, integration
tests are required to ensure everything is ok, especially when dealing with https://docs.antora.org/antora/2.3/playbook/site-keys/[site keys].

[NOTE]
.Repositories location
====
This requires to clone the theme repository locally is the parent folder of this project.
For instance
170
----
171
172
173
174
root
  |
  -- bonita-documentation-theme
  |
175
  -- bonita-documentation-site
176
----
177
178
====

179
This can be achieved by running
180

181
182
183
184
[source,shell script]
----
./build-preview-dev.bash --local-ui-bundle ...
----
185

186
187
188
189
190
191
For a faster loop, don't forget you can build the UI Bundle and the preview by chaining the commands

[source,shell script]
----
<ui_bundle_build_command> ; ./build-preview-dev.bash --local-ui-bundle ...
----
192

193

194
==== http dev server
195

196
197
198
199
200
[NOTE]
====
Most of the time, pages can be browsed locally without requiring a http dev server. +
You may need it to test specific features like displaying Asciinema resources or testing redirects. See below for more details.
====
201
202


203
Once the static site is build, you can run `npm run serve` and access it with `+http://localhost:8080+` to check if everything is working correctly (urls in taxonomy, links, ....).
204
205
206

You can rebuild the site while the server is running, updated files are directly considered by the server (no cache).

207
208
To ensure all links are correctly generated for local deployment, pass the `+--site-url http://localhost:8080+` options
when building the preview.
209

210
211
212
213
214
215
[TIP]
====
A http server is needed to correctly see the Asciinema resources (loading fail when using a local file browsing). +
For instance, have a look at http://localhost:8080/bonita/2021.1/migrate-from-an-earlier-version-of-bonita-bpm#update-case-overview-pages
====

216
217
218
219
220
221
222
223
224
[TIP]
====
The http dev server is provided by the https://docs.netlify.com/cli/get-started/[Netlify CLI], so it is able to replicate a lot of the Netlify Edge features. +
In particular it is able to apply the same redirects as those used in production.

See for xref:docs/configure-netlify-redirects.adoc[configure Netlify redirects how-to] more details.
====


225
226
227
228
229
230
231
232
233
234

=== Production build

WARNING: This is probably something you won't often do as the site is not fully working for local browsing nor for simple http server.

[CAUTION]
====
The following command https://docs.antora.org/antora/2.3/playbook/runtime-fetch/[fetch the documentation content repositories] each time it runs. +
See <<non-production-build>> for alternatives.
====
235

236
Run `npm run build`