robur/builder-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New centered flex-layout for builds page with 2 columns + some refactorings around Views

Browse source
This commit is contained in:
rand00 2022-01-25 14:58:25 +01:00 committed by Reynir Björnsson
parent 915468bbf1
commit c80ee590bd
2 changed files with 215 additions and 145 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
lib/builder_web.ml
View file

@ -136,7 +136,7 @@ let add_routes datadir =
|> if_error "Error getting job" |> if_error "Error getting job"
~log:(fun e -> Log.warn (fun m -> m "Error getting job: %a" pp_error e)) ~log:(fun e -> Log.warn (fun m -> m "Error getting job: %a" pp_error e))
>>= fun (readme, builds) -> >>= fun (readme, builds) ->
Views.job ~failed:false job_name platform readme builds |> string_of_html |> Dream.html |> Lwt_result.ok Views.Job.make ~failed:false job_name platform readme builds |> string_of_html |> Dream.html |> Lwt_result.ok
in in
let job_with_failed req = let job_with_failed req =
@ -148,7 +148,7 @@ let add_routes datadir =
|> if_error "Error getting job" |> if_error "Error getting job"
~log:(fun e -> Log.warn (fun m -> m "Error getting job: %a" pp_error e)) ~log:(fun e -> Log.warn (fun m -> m "Error getting job: %a" pp_error e))
>>= fun (readme, builds) -> >>= fun (readme, builds) ->
Views.job ~failed:true job_name platform readme builds |> string_of_html |> Dream.html |> Lwt_result.ok Views.Job.make ~failed:true job_name platform readme builds |> string_of_html |> Dream.html |> Lwt_result.ok
in in
let redirect_latest req = let redirect_latest req =
@ -271,7 +271,14 @@ let add_routes datadir =
|> if_error "Error getting job build" |> if_error "Error getting job build"
~log:(fun e -> Log.warn (fun m -> m "Error getting job build: %a" pp_error e)) ~log:(fun e -> Log.warn (fun m -> m "Error getting job build: %a" pp_error e))
>>= fun (build, artifacts, same_input_same_output, different_input_same_output, same_input_different_output, latest, next, previous) -> >>= fun (build, artifacts, same_input_same_output, different_input_same_output, same_input_different_output, latest, next, previous) ->
Views.job_build job_name build artifacts same_input_same_output different_input_same_output same_input_different_output latest next previous Views.Job.Build.make
~name:job_name
~build
~artifacts
~same_input_same_output
~different_input_same_output
~same_input_different_output
~latest ~next ~previous
|> string_of_html |> Dream.html |> Lwt_result.ok |> string_of_html |> Dream.html |> Lwt_result.ok
in in

347
lib/views.ml
View file

@ -306,156 +306,219 @@ let markdown_to_html data =
let omd = safe_omd omd in let omd = safe_omd omd in
Omd.to_html omd Omd.to_html omd
let job ~failed name platform readme builds = module Job = struct
layout ~nav:(`Job (name, platform)) ~title:(Fmt.str "Job %s %a" name pp_platform platform)
((h1 [txtf "Job %s %a" name pp_platform platform] :: let make ~failed name platform readme builds =
(match readme with layout ~nav:(`Job (name, platform)) ~title:(Fmt.str "Job %s %a" name pp_platform platform)
| None -> [] ((h1 [txtf "Job %s %a" name pp_platform platform] ::
| Some data -> (match readme with
[ | None -> []
h2 ~a:[a_id "readme"] [txt "README"]; | Some data ->
a ~a:[a_href "#builds"] [txt "Skip to builds"]; [
Unsafe.data (markdown_to_html data) h2 ~a:[a_id "readme"] [txt "README"];
])) @ a ~a:[a_href "#builds"] [txt "Skip to builds"];
[ Unsafe.data (markdown_to_html data)
h2 ~a:[a_id "builds"] [txt "Builds"]; ])) @
a ~a:[a_href "#readme"] [txt "Back to readme"]; [
ul (List.map (fun (build, main_binary) -> h2 ~a:[a_id "builds"] [txt "Builds"];
li ([ a ~a:[a_href "#readme"] [txt "Back to readme"];
check_icon build.Builder_db.Build.result; ul (List.map (fun (build, main_binary) ->
txtf " %s " build.platform; li ([
a ~a:[Fmt.kstr a_href "/job/%s/build/%a/" name Uuidm.pp build.Builder_db.Build.uuid] check_icon build.Builder_db.Build.result;
[ txtf " %s " build.platform;
txtf "%a" pp_ptime build.Builder_db.Build.start; a ~a:[Fmt.kstr a_href "/job/%s/build/%a/" name Uuidm.pp build.Builder_db.Build.uuid]
]; [
txt " "; txtf "%a" pp_ptime build.Builder_db.Build.start;
] @ match main_binary with ];
| Some main_binary -> txt " ";
artifact ~basename:true name build main_binary ] @ match main_binary with
| None -> | Some main_binary ->
[ txtf "Build failure: %a" Builder.pp_execution_result artifact ~basename:true name build main_binary
build.Builder_db.Build.result ])) | None ->
builds); [ txtf "Build failure: %a" Builder.pp_execution_result
if failed then build.Builder_db.Build.result ]))
p [ txt "Excluding failed builds " ; a ~a:[a_href "../"] [txt "here"] ; txt "." ] builds);
else if failed then
p [ txt "Including failed builds " ; a ~a:[a_href "failed/"] [txt "here"] ; txt "." ] p [ txt "Excluding failed builds " ; a ~a:[a_href "../"] [txt "here"] ; txt "." ]
]) else
p [ txt "Including failed builds " ; a ~a:[a_href "failed/"] [txt "here"] ; txt "." ]
])
let contains_debug_bin artifacts = let contains_debug_bin artifacts =
let check f = let check f =
Fpath.has_ext "debug" f.Builder_db.filepath Fpath.has_ext "debug" f.Builder_db.filepath
in in
List.find_opt check artifacts |> CCOption.is_some List.find_opt check artifacts |> CCOption.is_some
let job_build module Build = struct
name
({ Builder_db.Build.uuid; start; finish; result; platform; _ } as build) let make_build_info
artifacts ~name
same_input_same_output different_input_same_output same_input_different_output ~delta
latest next previous ~(build:Builder_db.Build.t) (* ({ Builder_db.Build.uuid; start; finish; result; platform; _ } as build) *)
= ~artifacts
let delta = Ptime.diff finish start in ~same_input_same_output
let analysis_section = [ ~different_input_same_output
[ h3 [txt "Analysis"] ]; ~same_input_different_output
if not @@ contains_debug_bin artifacts then [] else [ ~latest ~next ~previous
p [ =
let src = Fmt.str "/job/%s/build/%a/viztreemap" name Uuidm.pp uuid in [
let style = "width: 50em; height: 54.0em" in (*treemap tries to be square*) h2 ~a:[a_id "build"] [txtf "Build %a" pp_ptime build.start];
iframe ~a:[ a_src src; a_title "Binary dissection"; a_style style ] [] p [txtf "Built on platform %s" build.platform ];
] p [txtf "Build took %a." Ptime.Span.pp delta ];
]; p [txtf "Execution result: %a." Builder.pp_execution_result build.result];
[ p [ h3 [txt "Build info"];
let src = Fmt.str "/job/%s/build/%a/vizdependencies" name Uuidm.pp uuid in ul [
let style = "width: 50em; height: 50.5em" in li [ a ~a:[Fmt.kstr a_href "/job/%s/build/%a/console" name Uuidm.pp build.uuid]
iframe ~a:[ a_src src; a_title "Opam dependencies"; a_style style ] [] ]]; [txt "Console output"];
] |> List.flatten ];
in li [ a ~a:[Fmt.kstr a_href "/job/%s/build/%a/script" name Uuidm.pp build.uuid]
let body = [txt "Build script"];
h1 [txtf "Job %s" name] :: ]
[
h2 ~a:[a_id "build"] [txtf "Build %a" pp_ptime start];
p [txtf "Built on platform %s" platform ];
p [txtf "Build took %a." Ptime.Span.pp delta ];
p [txtf "Execution result: %a." Builder.pp_execution_result result];
] @ analysis_section @ [
h3 [txt "Build info"];
ul [
li [ a ~a:[Fmt.kstr a_href "/job/%s/build/%a/console" name Uuidm.pp uuid]
[txt "Console output"];
]; ];
li [ a ~a:[Fmt.kstr a_href "/job/%s/build/%a/script" name Uuidm.pp uuid] h3 [txt "Build artifacts"];
[txt "Build script"]; dl (List.concat_map
] (fun { Builder_db.filepath; localpath=_; sha256; size } ->
]; let (`Hex sha256_hex) = Hex.of_cstruct sha256 in
h3 [txt "Build artifacts"]; [
dl (List.concat_map dt [a
(fun { Builder_db.filepath; localpath=_; sha256; size } -> ~a:[Fmt.kstr a_href "f/%a" Fpath.pp filepath]
let (`Hex sha256_hex) = Hex.of_cstruct sha256 in [code [txtf "%a" Fpath.pp filepath]]];
[ dd [
dt [a code [txt "SHA256:"; txt sha256_hex];
~a:[Fmt.kstr a_href "f/%a" Fpath.pp filepath] txtf " (%a)" Fmt.byte_size size;
[code [txtf "%a" Fpath.pp filepath]]]; ];
dd [ ])
code [txt "SHA256:"; txt sha256_hex]; artifacts);
txtf " (%a)" Fmt.byte_size size; h3 [ txtf "Reproduced by %d builds" (List.length (same_input_same_output @ different_input_same_output))] ;
]; ul
]) ((List.map (fun { Builder_db.Build.start ; uuid ; platform ; _ } ->
artifacts);
h3 [ txtf "Reproduced by %d builds" (List.length (same_input_same_output @ different_input_same_output))] ;
ul
((List.map (fun { Builder_db.Build.start ; uuid ; platform ; _ } ->
li [
txtf "on %s, same input, " platform;
a ~a:[Fmt.kstr a_href "/job/%s/build/%a/" name Uuidm.pp uuid]
[txtf "%a" pp_ptime start]
])
same_input_same_output) @
List.map (fun { Builder_db.Build.start ; uuid = other_uuid ; platform ; _ } ->
li [
txtf "on %s, different input, " platform;
a ~a:[Fmt.kstr a_href "/compare/%a/%a/"
Uuidm.pp other_uuid Uuidm.pp uuid]
[txtf "%a" pp_ptime start]
])
different_input_same_output)
] @
(if same_input_different_output = [] then
[]
else
[ h3 [txt "Same input, different output (not reproducible!)"];
ul (
List.map (fun { Builder_db.Build.start ; uuid = other_uuid ; platform ; _ } ->
li [ li [
txtf "on %s, " platform ; txtf "on %s, same input, " platform;
a ~a:[Fmt.kstr a_href "/compare/%a/%a/" Uuidm.pp other_uuid Uuidm.pp uuid] a ~a:[Fmt.kstr a_href "/job/%s/build/%a/" name Uuidm.pp uuid]
[txtf "%a" pp_ptime start] [txtf "%a" pp_ptime start]
]) ])
same_input_different_output) same_input_same_output) @
]) @ List.map (fun { Builder_db.Build.start ; uuid = other_uuid ; platform ; _ } ->
[ h3 [txt "Comparisons with other builds on the same platform"]; li [
let opt_build (ctx, build) = txtf "on %s, different input, " platform;
match build with a ~a:[Fmt.kstr a_href "/compare/%a/%a/"
| Some b when not (Uuidm.equal uuid b.Builder_db.Build.uuid) -> Uuidm.pp other_uuid Uuidm.pp build.uuid]
[ li [ txt ctx; [txtf "%a" pp_ptime start]
a ~a:[Fmt.kstr a_href "/compare/%a/%a/" ])
Uuidm.pp b.uuid Uuidm.pp uuid] different_input_same_output)
[txtf "%a" pp_ptime b.start]] ]
@ (if same_input_different_output = [] then
[]
else
[ h3 [txt "Same input, different output (not reproducible!)"];
ul (
List.map (fun { Builder_db.Build.start ; uuid = other_uuid ; platform ; _ } ->
li [
txtf "on %s, " platform ;
a ~a:[Fmt.kstr a_href "/compare/%a/%a/" Uuidm.pp other_uuid Uuidm.pp build.uuid]
[txtf "%a" pp_ptime start]
])
same_input_different_output)
] ]
| _ -> [] )
in @ [
ul h3 [txt "Comparisons with other builds on the same platform"];
(List.concat_map opt_build let opt_build (ctx, build') =
[ ("Latest build ", latest) ; match build' with
("Later build with different output ", next) ; | Some b when not (Uuidm.equal build.uuid b.Builder_db.Build.uuid) ->
("Earlier build with different output ", previous) ]) [ li [ txt ctx;
] a ~a:[Fmt.kstr a_href "/compare/%a/%a/"
in Uuidm.pp b.uuid Uuidm.pp build.uuid]
layout [txtf "%a" pp_ptime b.start]]
~nav:(`Build (name, build)) ]
~title:(Fmt.str "Job %s %a" name pp_ptime start) | _ -> []
body in
ul
(List.concat_map opt_build
[ ("Latest build ", latest) ;
("Later build with different output ", next) ;
("Earlier build with different output ", previous) ])
]
let viz_style = "
width: 46em;
height: 50em;
max-width: 100%;
max-height: 52vw;
min-width: 38em;
min-height: 41em;
"
let make_viz_section ~name ~artifacts ~uuid =
[
(* [ h3 [txt "Analysis"] ]; *)
if not @@ contains_debug_bin artifacts then [] else [
p [
let src = Fmt.str "/job/%s/build/%a/viztreemap" name Uuidm.pp uuid in
iframe ~a:[ a_src src; a_title "Binary dissection"; a_style viz_style ] []
]
];
[ p [
let src = Fmt.str "/job/%s/build/%a/vizdependencies" name Uuidm.pp uuid in
iframe ~a:[ a_src src; a_title "Opam dependencies"; a_style viz_style ] [] ]];
] |> List.flatten
let make
~name
~(build:Builder_db.Build.t)
~artifacts
~same_input_same_output
~different_input_same_output
~same_input_different_output
~latest ~next ~previous
=
let delta = Ptime.diff build.finish build.start in
let right_column = make_viz_section ~name ~artifacts ~uuid:build.uuid in
let left_column =
make_build_info
~name
~delta
~build
~artifacts
~same_input_same_output
~different_input_same_output
~same_input_different_output
~latest ~next ~previous
in
let style_grid = a_style "display: flex; " in
let style_grid_container = a_style "\
display: flex;
align-items: center;
justify-content: center;
min-width: 83em;
"
in
let style_col_container = a_style "" in
let style_col_left = a_style "width: 45em; min-width: 43em; padding-left: 2%" in
let style_col_right = a_style "width: 50%" in
let body = [
div ~a:[ style_grid_container ] [
div ~a:[ style_col_container ] [
h1 [txtf "Job %s" name];
div ~a:[ style_grid ] [
(* div ~a:[ style_col_padding ] []; *)
div ~a:[ style_col_left ] left_column;
div ~a:[ style_col_right ] right_column
]
]
]
]
in
layout
~nav:(`Build (name, build))
~title:(Fmt.str "Job %s %a" name pp_ptime build.start)
body
end
end
let key_values xs = let key_values xs =
List.concat_map (fun (k, v) -> [ txtf "%s %s" k v ; br () ]) xs List.concat_map (fun (k, v) -> [ txtf "%s %s" k v ; br () ]) xs