// Copyright (C) 2023 The Android Open Source Project
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import m from 'mithril';
import {
  Details,
  DetailsSchema as d,
} from '../../components/widgets/sql/details/details';
import {DetailsShell} from '../../widgets/details_shell';
import {GridLayout, GridLayoutColumn} from '../../widgets/grid_layout';
import type {TrackEventDetailsPanel} from '../../public/details_panel';
import type {Trace} from '../../public/trace';

export class PageLoadDetailsPanel implements TrackEventDetailsPanel {
  private data: Details;

  constructor(
    private readonly trace: Trace,
    id: number,
  ) {
    this.data = new Details(this.trace, 'chrome_page_loads', id, {
      'Navigation start': d.Timestamp('navigation_start_ts'),
      'FCP event': d.Timestamp('fcp_ts'),
      'FCP': d.Interval('navigation_start_ts', 'fcp'),
      'LCP event': d.Timestamp('lcp_ts', {skipIfNull: true}),
      'LCP': d.Interval('navigation_start_ts', 'lcp', {skipIfNull: true}),
      'DOMContentLoaded': d.Timestamp('dom_content_loaded_event_ts', {
        skipIfNull: true,
      }),
      'onload timestamp': d.Timestamp('load_event_ts', {skipIfNull: true}),
      'performance.mark timings': d.Dict({
        data: {
          'Fully loaded': d.Timestamp('mark_fully_loaded_ts', {
            skipIfNull: true,
          }),
          'Fully visible': d.Timestamp('mark_fully_visible_ts', {
            skipIfNull: true,
          }),
          'Interactive': d.Timestamp('mark_interactive_ts', {
            skipIfNull: true,
          }),
        },
        skipIfEmpty: true,
      }),
      'Navigation ID': 'navigation_id',
      'Browser process': d.SqlIdRef('process', 'browser_upid'),
      'URL': d.URLValue('url'),
    });
  }

  render() {
    return m(
      DetailsShell,
      {
        title: 'Chrome Page Load',
      },
      m(GridLayout, m(GridLayoutColumn, this.data.render())),
    );
  }
}
