109 lines
2.7 KiB
Swift
109 lines
2.7 KiB
Swift
// Copyright 2020 Tokamak contributors
|
|
//
|
|
// 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.
|
|
//
|
|
// Created by Max Desiatov on 11/04/2020.
|
|
//
|
|
|
|
import JavaScriptKit
|
|
import TokamakCore
|
|
|
|
public typealias Listener = (JSObjectRef) -> ()
|
|
|
|
protocol AnyHTML {
|
|
var innerHTML: String? { get }
|
|
var tag: String { get }
|
|
var attributes: [String: String] { get }
|
|
var listeners: [String: Listener] { get }
|
|
}
|
|
|
|
extension AnyHTML {
|
|
public var outerHTML: String {
|
|
"""
|
|
<\(tag)\(attributes.isEmpty ? "" : " ")\
|
|
\(attributes.map { #"\#($0)="\#($1)""# }.joined(separator: " "))>\
|
|
\(innerHTML ?? "")\
|
|
</\(tag)>
|
|
"""
|
|
}
|
|
|
|
func update(dom: DOMNode) {
|
|
// FIXME: is there a sensible way to diff attributes and listeners to avoid
|
|
// crossing the JavaScript bridge and touching DOM if not needed?
|
|
|
|
// @carson-katri: For diffing, could you build a Set from the keys and values of the dictionary,
|
|
// then use the standard lib to get the difference?
|
|
|
|
for (attribute, value) in attributes {
|
|
_ = dom.ref[dynamicMember: attribute] = .string(value)
|
|
}
|
|
|
|
dom.reinstall(listeners)
|
|
|
|
guard let innerHTML = innerHTML else { return }
|
|
dom.ref.innerHTML = .string(innerHTML)
|
|
}
|
|
}
|
|
|
|
public struct HTML<Content>: View, AnyHTML where Content: View {
|
|
let tag: String
|
|
let attributes: [String: String]
|
|
let listeners: [String: Listener]
|
|
let content: Content
|
|
|
|
public init(
|
|
_ tag: String,
|
|
_ attributes: [String: String] = [:],
|
|
listeners: [String: Listener] = [:],
|
|
@ViewBuilder content: () -> Content
|
|
) {
|
|
self.tag = tag
|
|
self.attributes = attributes
|
|
self.listeners = listeners
|
|
self.content = content()
|
|
}
|
|
|
|
var innerHTML: String? { nil }
|
|
|
|
public var body: Never {
|
|
neverBody("HTML")
|
|
}
|
|
}
|
|
|
|
extension HTML where Content == EmptyView {
|
|
public init(
|
|
_ tag: String,
|
|
_ attributes: [String: String] = [:],
|
|
listeners: [String: Listener] = [:]
|
|
) {
|
|
self = HTML(tag, attributes, listeners: listeners) { EmptyView() }
|
|
}
|
|
}
|
|
|
|
extension HTML: ParentView {
|
|
public var children: [AnyView] {
|
|
[AnyView(content)]
|
|
}
|
|
}
|
|
|
|
protocol StylesConvertible {
|
|
var styles: [String: String] { get }
|
|
}
|
|
|
|
extension Dictionary {
|
|
var inlineStyles: String {
|
|
map { "\($0.0): \($0.1);" }
|
|
.joined(separator: " ")
|
|
}
|
|
}
|