/*
 * Copyright (c) 2024. Dench.
 * 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 { cryptoFramework } from "@kit.CryptoArchitectureKit";
import { buffer } from "@kit.ArkTS";
import { hash } from "@kit.CoreFileKit";
import { systemDateTime } from "@kit.BasicServicesKit";

/**
 * 计算字符串Md5
 */
export async function md5(messageText: string): Promise<string> {
  const md = cryptoFramework.createMd("MD5");
  await md.update({
    data: new Uint8Array(buffer.from(messageText, "utf-8").buffer),
  });
  const mdOutput = await md.digest();
  console.info("md mdOutput: " + mdOutput.data);
  let mdLen = md.getMdLength();
  console.info("md mdLen: " + mdLen);
  const result = buffer.from(mdOutput.data.buffer).toString("hex");
  console.info("md result: " + result);
  return result;
}

// 文件Md5, 哈希计算采用的算法。可选 "md5"、"sha1" 或 "sha256"。建议采用安全强度更高的 "sha256", 此处使用"md5"
export async function fileMd5(filePath: string): Promise<string> {
  try {
    const t = systemDateTime.getTime();
    const result = await hash.hash(filePath, "md5");
    console.info("fileMd5: result=" + result);
    console.info(`fileMd5: duration=${systemDateTime.getTime() - t}`);
    return result;
  } catch (err) {
    console.error(`fileMd5: ${JSON.stringify(err)}`);
    return "";
  }
}

// 文件MD5，大文件读写效率低，有性能瓶颈，采用上面的文件Hash算法
// export async function fileMd5(path: string, algName: string = "MD5"): Promise<string> {
//   console.info("fileMd5: path=" + path)
//   let md = cryptoFramework.createMd(algName);
//   try {
//     const t = systemDateTime.getTime();
//     let file = await fs.open(path, fs.OpenMode.READ_ONLY);
//     let arrayBuffer = new ArrayBuffer(4096);
//     let offset = 0;
//     let readOptions: ReadOptions = {
//       offset: offset,
//       length: 4096
//     };
//     let len = await fs.read(file.fd, arrayBuffer, readOptions);
//     while (len > 0) {
//       // console.info("md read file len: " + len);
//       const bf = buffer.from(arrayBuffer).subarray(0, len);
//       // console.info("md bf: " + bf.buffer.byteLength);
//       const uint8 = new Uint8Array(bf.buffer);
//       // console.info("md uint8: " + uint8.byteLength);
//       await md.update({ data: uint8 });
//       offset += len;
//       readOptions.offset = offset;
//       len = await fs.read(file.fd, arrayBuffer, readOptions);
//     }
//     try {
//       fs.close(file);
//     } catch (e) {
//       console.info(JSON.stringify(e));
//     }
//     let mdOutput = await md.digest();
//     // console.info("md mdOutput: " + mdOutput.data);
//     let mdLen = md.getMdLength();
//     // console.info("md mdLen: " + mdLen);
//     const result = buffer.from(mdOutput.data.buffer).toString('hex');
//     console.info("md succeed: " + result);
//     console.info(`md duration=${systemDateTime.getTime() - t}`);
//     return result;
//   } catch (e) {
//     console.error("md error: " + JSON.stringify(e));
//     return ''
//   }
// }

import font from '@ohos.font';

@Component
export struct CustomFontComponent {
  aboutToAppear(): void {
    font.registerFont({
      familyName: 'BebasNeue',
      familySrc: $rawfile('BebasNeue-Regular.ttf')
    })
  }

  build() {
    Column() {
      Text('9999')
        .fontSize(17)
        .fontColor('#333333')
        .fontFamily('BebasNeue')
        .maxLines(1)
        .textAlign(TextAlign.Center)
        .fontWeight(FontWeight.Regular)
        .textOverflow({
          overflow: TextOverflow.Ellipsis
        })
        .height('100%')
        .width('100%');
    }
  }
}

import { HomeVM } from '../vm/HomeVM';
import { PullToRefresh } from '@ohos/pulltorefresh';

@Component
export struct ListAreaComponent {
  @State data?: ListDataWrapper[] | null = null
  private vm: HomeVM = new HomeVM()
  // 需绑定列表或宫格组件
  private scroller: Scroller = new Scroller();

  aboutToAppear(): void {
    // request data.
    this.vm.requestData().then((data: ListDataWrapper[]) => {
      this.data = data;
    })
  }

  build() {
    PullToRefresh({
      // 必传项，列表组件所绑定的数据
      data: this.data,
      // 必传项，需绑定传入主体布局内的列表或宫格组件
      scroller: this.scroller,
      // 必传项，自定义主体布局，内部有列表或宫格组件
      customList: () => {
        // 一个用@Builder修饰过的UI方法
        this.getListView()
      },
      // 可选项，下拉刷新回调
      onRefresh: () => {
        return new Promise<string>((resolve) => {
          this.vm.requestData().then((data: ListDataWrapper[]) => {
            this.data = data
            resolve('')
          }).catch((error: Error) => {
            resolve('')
          });
        });
      },
      // 可选项，上拉加载更多回调
      onLoadMore: () => {
        return new Promise<string>((resolve) => {
          resolve('')
        });
      },
      customLoad: commonNoMore,
      customRefresh: commonLoading,
    })
      .width('100%')
      .height('100%')
  }

  @Builder
  getListView() {
    List({ space: 12, scroller: this.scroller }) {
      ForEach(this.data, (item: ListDataWrapper, index: number) => {
        ListItem() {
          // ...
        };
      }, (item: ListDataWrapper, index?: number) => index + JSON.stringify(item));
    }
    .width('100%')
    .height('100%')
    .scrollBar(BarState.Off)
    .edgeEffect(EdgeEffect.None)
  }
}


@Builder
export function commonLoading(): void {
  Stack() {
    // Text(refreshText)
    //   .textAlign(TextAlign.Center)
    // .fontColor( 0)
    // .fontSize( 0)
    Stack() {
      Canvas(new CanvasRenderingContext2D(new RenderingContextSettings(true)))
        .width('100%')
        .height('100%')
        .onReady(() => {
          // this.initCanvas();
        }) // .visibility(this.state == IS_PULL_DOWN_2 ? Visibility.Visible : Visibility.Hidden)
      // .visibility(Visibility.Hidden)
      LoadingProgress()
        .color('#FF00A3FF')
        .width(32)
        .height(32)
    }
    .width('100%')
    .height('100%')
  }
  .width('100%')
  .height('100%')
  .clip(true)
}

@Builder
export function commonNoMore(): void {
  Stack() {
    Text('已经到底了～')
      .textAlign(TextAlign.Center)
      .fontColor('#FF85888F')
      .fontSize(14)
  }
  .width('100%')
  .height('100%')
  .clip(true)
}

@Builder
export function commonEmpty(): void {
  Stack()
    .width('100%')
    .height('100%')
}

Text() {
    buildHighLightSpan(item.title)
}
.fontSize(17)
.fontColor('#FF222222')
.fontWeight(600)
.textOverflow({
    overflow: TextOverflow.Ellipsis
})
.width('100%')


/**
 * 解析 <em> </em>标签高亮显示
 *
 * 注意：不支持嵌套
 *
 * @param highLightTitle 带标签的文本
 */
@Builder
function buildHighLightSpan(highLightTitle: string | undefined) {
  if (highLightTitle == null || highLightTitle.indexOf('<em>') == -1 || highLightTitle.indexOf('</em>') == -1) {
    Span(highLightTitle?.replace('<em>', '').replace('</em>', '')).fontColor('#FF222222')
  } else {
    ForEach(highLightTitle.split('</em>'), (attr: string) => {
      ForEach(attr.split('<em>'), (item: string, index: number) => {
        if (item != null || item != '') {
          if (index == 0) {
            Span(item).fontColor('#FF222222');
          } else {
            Span(item).fontColor('#FF00A3FF');
          }
        }
      });
    })
  }
}

@Component
struct SearchResultPage {
  @State input: string = '';
  @State searchWord: string = ''

  aboutToAppear(): void {
    this.syncSearchWord(this.input)
  }

  build() {
    Column() {
      SearchDramaResultList({ searchWord: this.searchWord }).layoutWeight(1)
    }
    .width('100%')
    .height('100%')
  }

  syncSearchWord(keyword: string) {
    if (keyword == '') return;
    this.searchWord = keyword
  }
}

@Component
export struct SearchDramaResultList {
  @Prop @Watch('requestData') searchWord: string;
  @State data?: SearchSeasonVo[] | null = null
  private vm = new SearchVM()
  // 需绑定列表或宫格组件
  private scroller: Scroller = new Scroller();

  aboutToAppear(): void {
    // request data.
    this.requestData()
  }

  requestData(propName: string) {
    console.log("requestData: searchWord=", this.searchWord, ",propName=", propName);
    // do data request with searchWord
  }
}