78 lines
2.4 KiB
Swift
78 lines
2.4 KiB
Swift
import Foundation
|
|
import Models
|
|
import Utils
|
|
|
|
struct WebReaderContent {
|
|
let textFontSize: Int
|
|
let articleContent: ArticleContent
|
|
let item: FeedItem
|
|
let themeKey: String
|
|
|
|
init(
|
|
articleContent: ArticleContent,
|
|
item: FeedItem,
|
|
isDark: Bool,
|
|
fontSize: Int
|
|
) {
|
|
self.textFontSize = fontSize
|
|
self.articleContent = articleContent
|
|
self.item = item
|
|
self.themeKey = isDark ? "Gray" : "LightGray"
|
|
}
|
|
|
|
// swiftlint:disable line_length
|
|
var styledContent: String {
|
|
"""
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no' />
|
|
<style>
|
|
@import url("highlight\(themeKey == "Gray" ? "-dark" : "").css");
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="root" />
|
|
<div id='_omnivore-htmlContent' style="display: none;">
|
|
\(articleContent.htmlContent)
|
|
</div>
|
|
<div id='_omnivore-title' style="display: none;">
|
|
\(item.title)
|
|
</div>
|
|
<script type="text/javascript">
|
|
window.omnivoreEnv = {
|
|
"NEXT_PUBLIC_APP_ENV": "prod",
|
|
"NEXT_PUBLIC_BASE_URL": "unset",
|
|
"NEXT_PUBLIC_SERVER_BASE_URL": "unset",
|
|
"NEXT_PUBLIC_HIGHLIGHTS_BASE_URL": "unset"
|
|
}
|
|
|
|
window.omnivoreArticle = {
|
|
id: "\(item.id)",
|
|
linkId: "\(item.id)",
|
|
slug: "\(item.slug)",
|
|
createdAt: new Date().toISOString(),
|
|
savedAt: new Date().toISOString(),
|
|
url: `\(item.pageURLString)`,
|
|
title: document.getElementById('_omnivore-title').innerHTML,
|
|
content: document.getElementById('_omnivore-htmlContent').innerHTML,
|
|
originalArticleUrl: "\(item.pageURLString)",
|
|
contentReader: "WEB",
|
|
readingProgressPercent: \(item.readingProgress),
|
|
readingProgressAnchorIndex: \(item.readingProgressAnchor),
|
|
highlights: \(articleContent.highlightsJSONString),
|
|
}
|
|
|
|
window.fontSize = \(textFontSize)
|
|
window.localStorage.setItem("theme", "\(themeKey)")
|
|
</script>
|
|
<script src="bundle.js"></script>
|
|
<script src="mathJaxConfiguration.js" id="MathJax-script"></script>
|
|
<script src="mathjax.js" id="MathJax-script"></script>
|
|
</body>
|
|
</html>
|
|
"""
|
|
}
|
|
}
|