component/setting/SpAllocations.ts

/*
 * Copyright (C) 2022 Huawei Device Co., Ltd.
 * 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 {BaseElement, element} from "../../../base-ui/BaseElement.js";
import {log} from "../../../log/Log.js";
import {HdcDeviceManager} from "../../../hdc/HdcDeviceManager.js";
import {LitAllocationSelect} from "../../../base-ui/select/LitAllocationSelect.js";
import "../../../base-ui/select/LitAllocationSelect.js";
import {SpApplication} from "../../SpApplication.js";
import {LitSearch} from "../trace/search/Search.js";
import {SpRecordTrace} from "../SpRecordTrace.js";
import {Cmd} from "../../../command/Cmd.js";
import {CmdConstant} from "../../../command/CmdConstant.js";
import LitSwitch from "../../../base-ui/switch/lit-switch.js";

@element('sp-allocations')
export class SpAllocations extends BaseElement {
    private processId: LitAllocationSelect | null | undefined;
    private unwindEL: HTMLInputElement | null | undefined;
    private shareMemory: HTMLInputElement | null | undefined;
    private shareMemoryUnit: HTMLSelectElement | null | undefined;
    private filterMemory: HTMLInputElement | null | undefined;
    private filterMemoryUnit: HTMLSelectElement | null | undefined;
    private fpUnWind: LitSwitch | null | undefined;

    get appProcess(): string {
        return this.processId!.value || "";
    }

    get unwind(): number {
        log("unwind value is :" + this.unwindEL!.value)
        return Number(this.unwindEL!.value);
    }

    get shared(): number {
        let value = this.shareMemory?.value || "";
        log("shareMemory value is :" + value)
        if (value != "") {
            let unit = Number(this.shareMemory?.value) || 16384;
            return unit;
        }
        return 16384;
    }

    get filter(): number {
        let value = this.filterMemory?.value || "";
        log("filter value is :" + value)
        if (value != "") {
            return Number(value);
        }
        return 4096;
    }

    get fp_unwind(): boolean {
        let value = this.fpUnWind?.checked
        if (value != undefined) {
            return value;
        }
        return true
    }

    initElements(): void {
        this.processId = this.shadowRoot?.getElementById("pid") as LitAllocationSelect
        let input = this.processId.shadowRoot?.querySelector('.multipleSelect') as HTMLDivElement
        let sp = document.querySelector("sp-application") as SpApplication;
        let litSearch = sp?.shadowRoot?.querySelector('#lit-search') as LitSearch;
        let processData: Array<string> = []
        input.addEventListener('mousedown', ev => {
            if (SpRecordTrace.serialNumber == '') {
                this.processId!.processData = []
            }
        })
        input.addEventListener('valuable', ev => {
            this.dispatchEvent(new CustomEvent('addProbe', {}));
        })
        input.addEventListener('inputClick', () => {
            processData = []
            if (SpRecordTrace.serialNumber != '') {
                if (SpRecordTrace.isVscode) {
                    let cmd = Cmd.formatString(CmdConstant.CMD_GET_PROCESS_DEVICES, [SpRecordTrace.serialNumber])
                    Cmd.execHdcCmd(cmd, (res: string) => {
                        let lineValues: string[] = res.replace(/\r\n/g, "\r").replace(/\n/g, "\r").split(/\r/);
                        for (let lineVal of lineValues) {
                            if (lineVal.indexOf("__progname") != -1 || lineVal.indexOf("PID CMD") != -1) {
                                continue;
                            }
                            let process: string[] = lineVal.trim().split(" ");
                            if (process.length == 2) {
                                let processId = process[0]
                                let processName = process[1]
                                processData.push(processName + "(" + processId + ")")
                            }
                        }
                        this.processId!.processData = processData
                        this.processId!.initData()
                    })
                } else {
                    HdcDeviceManager.connect(SpRecordTrace.serialNumber).then(rr => {
                        if (sp.search) {
                            sp.search = false;
                            litSearch.clear();
                        }
                        if (rr) {
                            HdcDeviceManager.shellResultAsString(CmdConstant.CMD_GET_PROCESS, false).then(res => {
                                if (res) {
                                    let lineValues: string[] = res.replace(/\r\n/g, "\r").replace(/\n/g, "\r").split(/\r/);
                                    for (let lineVal of lineValues) {
                                        if (lineVal.indexOf("__progname") != -1 || lineVal.indexOf("PID CMD") != -1) {
                                            continue;
                                        }
                                        let process: string[] = lineVal.trim().split(" ");
                                        if (process.length == 2) {
                                            let processId = process[0]
                                            let processName = process[1]
                                            processData.push(processName + "(" + processId + ")")
                                        }
                                    }
                                }
                                this.processId!.processData = processData
                                this.processId!.initData()
                            })
                        } else {
                            sp.search = true;
                            litSearch.clear();
                            litSearch.setPercent("please kill other hdc-server! ", -1);
                        }
                    })
                }
            }
        })
        this.unwindEL = this.shadowRoot?.getElementById("unwind") as HTMLInputElement
        this.shareMemory = this.shadowRoot?.getElementById("shareMemory") as HTMLInputElement
        this.shareMemoryUnit = this.shadowRoot?.getElementById("shareMemoryUnit") as HTMLSelectElement
        this.filterMemory = this.shadowRoot?.getElementById("filterSized") as HTMLInputElement
        this.filterMemoryUnit = this.shadowRoot?.getElementById("filterSizedUnit") as HTMLSelectElement
        this.fpUnWind = this.shadowRoot?.getElementById("use_fp_unwind") as LitSwitch
    }

    initHtml(): string {
        return `
        <style>
        :host{
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 0px 16px 16px 0px;
        }
        .root {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: min-content 1fr min-content;
            padding-top: 45px;
            margin-left: 40px;
            width: 90%;
            border-radius: 0px 16px 16px 0px;
        }
        .title {
            grid-column: span 2 / auto;
        }

        .font-style{
            font-family: Helvetica-Bold;
            font-size: 1em;
            color: var(--dark-color1,#000000);
            line-height: 28px;
            font-weight: 700;
        }
        .inner-font-style {
            font-family: Helvetica,serif;
            font-size: 1em;
            color: var(--dark-color1,#000000);
            text-align: left;
            line-height: 20px;
            font-weight: 400;
        }
        input {
           width: 72%;
           height: 25px;
           border:0;
           outline:none;
           border-radius: 16px;
           text-indent:2%
        }
        input::-webkit-input-placeholder{
            color:var(--bark-prompt,#999999);
        }
        .select {
            height: 30px;
            border:0;
            border-radius: 3px;
            outline:none;
            border: 1px solid var(--dark-border,#B3B3B3);
            width: 60px;
            background-color:var(--dark-background5, #FFFFFF)
            font-family: Helvetica;
            font-size: 14px;
            color:var(--dark-color,#212121)
            text-align: center;
            line-height: 16px;
            font-weight: 400;
            border-radius: 16px;
        }
        .application{
           display: flex;
           flex-direction: column;
           grid-gap: 15px;
           margin-top: 40px;
        }
        .switchstyle{
           margin-top: 40px;
           display: flex;
        }
        #fp-unwind {
          display:flex;
          width:25%;
          margin-top: 3px;
        }
        .inputstyle{
            background: var(--dark-background5,#FFFFFF);
            border: 1px solid var(--dark-background5,#999999);
            font-family: Helvetica;
            font-size: 14px;
            color: var(--dark-color1,#212121);
            text-align: left;
            line-height: 16px;
            font-weight: 400;
        }
        .inputstyle::-webkit-input-placeholder {
           background: var(--dark-background5,#FFFFFF);
        }
        #one_mb{
            background-color:var(--dark-background5, #FFFFFF)
        }
        #one_kb{
            background-color:var(--dark-background5, #FFFFFF)
        }
        #two_mb{
            background-color:var(--dark-background5, #FFFFFF)
        }
        #two_kb{
            background-color:var(--dark-background5, #FFFFFF)
        }
        .processSelect {
          border-radius: 15px;
          width: 84%;
        }
        </style>
        <div class="root">
          <div class = "title">
            <span class="font-style">Native Memory</span>
          </div>
          <div class="application">
             <span class="inner-font-style">ProcessId or ProcessName :</span>
             <lit-allocation-select show-search class="processSelect" rounded default-value="" id="pid" placement="bottom" title="process" placeholder="please select process">
             </lit-allocation-select>
          </div>
          <div class="application">
            <span class="inner-font-style" >Max unwind level :</span>
            <input id= "unwind"  class="inputstyle" type="text" placeholder="Enter the Max Unwind Level" oninput="if(this.value > 30) this.value = '30'" onkeyup="this.value=this.value.replace(/\\D/g,'')" value="10">
          </div>
          <div class="application">
            <span class="inner-font-style">Shared Memory Size (One page equals 4 KB) :</span>
            <div>
              <input id = "shareMemory" class="inputstyle" type="text" placeholder="Enter the Shared Memory Size" oninput="if(this.value > 2147483647) this.value = ''" onkeyup="this.value=this.value.replace(/\\D/g,'')" value="16384">
              <span>Page</span>
            </div>
          </div>
          <div class="application">
            <span class="inner-font-style" >Filter Memory Size :</span>
            <div>
                <input id = "filterSized" class="inputstyle" type="text" placeholder="Enter the Filter Memory Size" oninput="if(this.value > 65535) this.value = ''" onkeyup="this.value=this.value.replace(/\\\\D/g,'')" value="4096">
                 <span>Byte</span>
            </div>
          </div>
          <div class="switchstyle">
              <span class="inner-font-style" id="fp-unwind">Use Fp Unwind :</span>
              <lit-switch id="use_fp_unwind" title="fp unwind" checked="true"></lit-switch>
          </div>
        </div>
        `;
    }

    private convertToValue(input: string, unit: string): number {
        let value: number;
        switch (unit) {
            case "MB":
                value = Number(input) * 1024 * 1024;
                break;
            case "KB":
                value = Number(input) * 1024;
                break;
            default:
                value = 0;
        }
        let number = value / 4096;
        if (number > 0 && number < 1) {
            return 16384;
        }
        return parseInt(String(number));
    }
}