koodo-reader/src/utils/readerConfig.tsx

class readerConfig {
  // 获取默认的配置
  // static getDefaultConfigObj() {
  //   return {
  //     theme: "rgba(255,254,252,1)",
  //     fontFamily: "Helvetica",
  //     fontSize: "17", // 0 代表使用默认值
  //     lineHeight: "1.25", // 0 代表使用默认值
  //     padding: "50", // 阅读区域与浏览器可视区域上下的间距
  //     progress: 0,
  //     colors: ["#FBF1D1", "#EFEEB0", "#CAEFC9", "#76BEE9"],
  //   };
  // }

  // 更新config
  // 为 iframe 添加默认的样式
  static addDefaultCss() {
    if (!document.getElementsByTagName("iframe")[0].contentDocument) {
      return;
    }
    let css = this.getDefaultCss();
    console.log(css);
    let iDoc = document.getElementsByTagName("iframe")[0].contentDocument;
    let style = iDoc!.getElementById("default-style");
    let background = document.querySelector(".background");
    background!.setAttribute(
      "style",
      `background-color:${localStorage.getItem("theme")}`
    );

    if (!style) {
      style = iDoc!.createElement("style");
      style.id = "default-style";
      style.textContent = css;
      iDoc!.head.appendChild(style);
      return;
    }
    style.textContent = css;
  }
  // 获取为文档默认应用的css样式
  static getDefaultCss() {
    let colors = ["#FBF1D1", "#EFEEB0", "#CAEFC9", "#76BEE9"];
    let css1 = `::selection{background:#f3a6a68c}::-moz-selection{background:#f3a6a68c}[class*=color-]:hover{cursor:pointer;background-image:linear-gradient(0,rgba(0,0,0,.075),rgba(0,0,0,.075))}.color-0{background-color:${colors[0]}}.color-1{background-color:${colors[1]}}.color-2{background-color:${colors[2]}}.color-3{background-color:${colors[3]}}`;
    let css2 = [
      "a, article, cite, code, div, li, p, pre, span, table {",
      `    font-size: ${localStorage.getItem("fontSize") || 17}px !important;`,
      `    line-height: ${
        localStorage.getItem("lineHeight") || "1.25"
      } !important;`,
      `    font-family: "${
        localStorage.getItem("fontFamily") || "Helvetica"
      }" !important;`,
      "}",
      "img {",
      "    max-width: 100% !important;",
      "}",
    ];
    return css1 + css2.join("\n");
  }
}
export const themeList = [
  { id: 1, theme: "rgba(235,255,231,1)" },
  { id: 2, theme: "rgba(244, 232, 211,0.4)" },
  { id: 3, theme: "rgba(242,219,187,0.8)" },
  { id: 4, theme: "rgba(255,254,252,1)" },
];
export const fontSizeList = [
  { id: 1, size: "Small", value: "15" },
  { id: 2, size: "Medium", value: "17" },
  { id: 3, size: "Large", value: "20" },
  { id: 4, size: "Extra Large", value: "23" },
  { id: 5, size: "Ultra Large", value: "26" },
];
export const dropdownList = [
  {
    id: 1,
    title: "Font Family",
    value: "fontFamily",
    option: [
      { id: 1, name: "Helvetica", value: "Helvetica" },
      { id: 2, name: "Times New Roman", value: "Times New Roman" },
      { id: 3, name: "Microsoft YaHei", value: "Microsoft YaHei" },
      { id: 4, name: "SimSun", value: "SimSun" },
      { id: 5, name: "SimHei", value: "SimHei" },
      { id: 6, name: "Aril", value: "Aril" },
    ],
  },
  {
    id: 2,
    title: "Line Height",
    value: "lineHeight",
    option: [
      { id: 1, name: "1.25", value: "1.25" },
      { id: 2, name: "1", value: "1" },
      {
        id: 3,
        name: "1.25",
        value: "1.25",
      },
      { id: 4, name: "1.5", value: "1.5" },
      {
        id: 5,
        name: "1.75",
        value: "1.75",
      },
      { id: 6, name: "2", value: "2" },
    ],
  },
];
export const sideMenu = [
  {
    name: "All Books",
    icon: "home",
    mode: "home",
  },
  {
    name: "Recent Books",
    icon: "recent",
    mode: "recent",
  },
  {
    name: "My Bookmarks",
    icon: "bookmark",
    mode: "bookmark",
  },
  {
    name: "My Notes",
    icon: "idea",
    mode: "note",
  },

  {
    name: "My Digests",
    icon: "digest",
    mode: "digest",
  },
];
export const driveList = [
  {
    id: 1,
    name: "Local",
    icon: "local",
  },
  {
    id: 2,
    name: "Dropbox",
    icon: "dropbox",
  },
  {
    id: 3,
    name: "OneDrive",
    icon: "onedrive",
  },
  {
    id: 4,
    name: "Google Drive",
    icon: "googledrive",
  },
  {
    id: 5,
    name: "WebDav",
    icon: "webdav",
  },
];
export const emptyList = [
  {
    mode: "home",
    main: "Empty Library",
    sub: "Click the top-right button to add books",
  },
  {
    mode: "recent",
    main: "Empty Reading Records",
    sub: "Click on any book to read",
  },
  {
    mode: "bookmark",
    main: "Empty Bookmark",
    sub: "Move your mouse on the top edge of the reader",
  },
  {
    mode: "note",
    main: "Empty Note",
    sub: "Select any text and click the Add-Note button on the popup Menu",
  },
  {
    mode: "digest",
    main: "Empty Digest",
    sub: "Select any text and click the Collect button on the popup Menu",
  },
  {
    mode: "shelf",
    main: "Empty Shelf",
    sub: "Move your mouse on the top of any book",
  },
];
export const welcomeMessage = [
  {
    main: "This is a free and open-source Epub reader",
    sub:
      "Koodo Reader works on multiple platforms with backup and restore support",
  },
  {
    main: "For better reading experience",
    sub:
      "Supports for theme changing, reading history, book managerment, shelf managerment and more",
  },
  {
    main: "Fluent and easy operation",
    sub:
      "Move your mouse to the edge of the reader to trigger menu,use mouse wheel and keyborad to switch pages",
  },
  {
    main: "Go to Add your first book",
    sub: "That's all for the tutorial",
  },
];
export default readerConfig;