commit 46231b3f739e330c3febfec595aa5da3fdb27ec4 Author: Walter Oggioni Date: Fri Mar 1 06:05:38 2024 +0800 initial commit diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..097f9f9 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,9 @@ +# +# https://help.github.com/articles/dealing-with-line-endings/ +# +# Linux start script should use lf +/gradlew text eol=lf + +# These are Windows script files and should use crlf +*.bat text eol=crlf + diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1b6985c --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +# Ignore Gradle project-specific cache directory +.gradle + +# Ignore Gradle build output directory +build diff --git a/Jenkinsfile b/Jenkinsfile new file mode 100644 index 0000000..770cbf4 --- /dev/null +++ b/Jenkinsfile @@ -0,0 +1,24 @@ +import java.nio.file.Path +import java.nio.file.Files + +pipeline { + agent any + stages { + stage("Build") { + steps { + sh "./gradlew build" + } + } + stage("Publish") { + steps { + sh "./gradlew publish" + } + } + } + post { + always { + cleanWs deleteDirs: true, skipWhenFailed: true + } + } +} + diff --git a/build.gradle b/build.gradle new file mode 100644 index 0000000..a13df78 --- /dev/null +++ b/build.gradle @@ -0,0 +1,45 @@ +plugins { + alias(catalog.plugins.kotlin.multiplatform) + alias(catalog.plugins.kotlin.serialization) + id 'maven-publish' +} + +allprojects { + group = 'net.woggioni' + version = getProperty('khtml.version') + + repositories { + maven { + url = 'https://woggioni.net/mvn/' + content { + includeGroup 'net.woggioni' + } + } + mavenCentral() + } + + pluginManager.withPlugin('maven-publish') { + publishing { + repositories { + maven { + url = 'https://mvn.woggioni.net/' + } + } + } + } +} + + +kotlin { + js(IR) { + browser() + } +} + +publishing { + publications { + maven(MavenPublication) { + from(components.kotlin) + } + } +} diff --git a/gradle.properties b/gradle.properties new file mode 100644 index 0000000..abe5ac6 --- /dev/null +++ b/gradle.properties @@ -0,0 +1,6 @@ +khtml.version=2024.02.28 + +org.gradle.parallel=true +org.gradle.caching=true + +lys.version=2024.02.28 \ No newline at end of file diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml new file mode 100644 index 0000000..4ac3234 --- /dev/null +++ b/gradle/libs.versions.toml @@ -0,0 +1,2 @@ +# This file was generated by the Gradle 'init' task. +# https://docs.gradle.org/current/userguide/platforms.html#sub::toml-dependencies-format diff --git a/gradle/wrapper/gradle-wrapper.jar b/gradle/wrapper/gradle-wrapper.jar new file mode 100644 index 0000000..d64cd49 Binary files /dev/null and b/gradle/wrapper/gradle-wrapper.jar differ diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 0000000..a80b22c --- /dev/null +++ b/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,7 @@ +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-bin.zip +networkTimeout=10000 +validateDistributionUrl=true +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists diff --git a/gradlew b/gradlew new file mode 100755 index 0000000..1aa94a4 --- /dev/null +++ b/gradlew @@ -0,0 +1,249 @@ +#!/bin/sh + +# +# Copyright © 2015-2021 the original authors. +# +# 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 +# +# https://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. +# + +############################################################################## +# +# Gradle start up script for POSIX generated by Gradle. +# +# Important for running: +# +# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is +# noncompliant, but you have some other compliant shell such as ksh or +# bash, then to run this script, type that shell name before the whole +# command line, like: +# +# ksh Gradle +# +# Busybox and similar reduced shells will NOT work, because this script +# requires all of these POSIX shell features: +# * functions; +# * expansions «$var», «${var}», «${var:-default}», «${var+SET}», +# «${var#prefix}», «${var%suffix}», and «$( cmd )»; +# * compound commands having a testable exit status, especially «case»; +# * various built-in commands including «command», «set», and «ulimit». +# +# Important for patching: +# +# (2) This script targets any POSIX shell, so it avoids extensions provided +# by Bash, Ksh, etc; in particular arrays are avoided. +# +# The "traditional" practice of packing multiple parameters into a +# space-separated string is a well documented source of bugs and security +# problems, so this is (mostly) avoided, by progressively accumulating +# options in "$@", and eventually passing that to Java. +# +# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, +# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; +# see the in-line comments for details. +# +# There are tweaks for specific operating systems such as AIX, CygWin, +# Darwin, MinGW, and NonStop. +# +# (3) This script is generated from the Groovy template +# https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt +# within the Gradle project. +# +# You can find Gradle at https://github.com/gradle/gradle/. +# +############################################################################## + +# Attempt to set APP_HOME + +# Resolve links: $0 may be a link +app_path=$0 + +# Need this for daisy-chained symlinks. +while + APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path + [ -h "$app_path" ] +do + ls=$( ls -ld "$app_path" ) + link=${ls#*' -> '} + case $link in #( + /*) app_path=$link ;; #( + *) app_path=$APP_HOME$link ;; + esac +done + +# This is normally unused +# shellcheck disable=SC2034 +APP_BASE_NAME=${0##*/} +# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036) +APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD=maximum + +warn () { + echo "$*" +} >&2 + +die () { + echo + echo "$*" + echo + exit 1 +} >&2 + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +nonstop=false +case "$( uname )" in #( + CYGWIN* ) cygwin=true ;; #( + Darwin* ) darwin=true ;; #( + MSYS* | MINGW* ) msys=true ;; #( + NONSTOP* ) nonstop=true ;; +esac + +CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar + + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD=$JAVA_HOME/jre/sh/java + else + JAVACMD=$JAVA_HOME/bin/java + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD=java + if ! command -v java >/dev/null 2>&1 + then + die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +fi + +# Increase the maximum file descriptors if we can. +if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then + case $MAX_FD in #( + max*) + # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + MAX_FD=$( ulimit -H -n ) || + warn "Could not query maximum file descriptor limit" + esac + case $MAX_FD in #( + '' | soft) :;; #( + *) + # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + ulimit -n "$MAX_FD" || + warn "Could not set maximum file descriptor limit to $MAX_FD" + esac +fi + +# Collect all arguments for the java command, stacking in reverse order: +# * args from the command line +# * the main class name +# * -classpath +# * -D...appname settings +# * --module-path (only if needed) +# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. + +# For Cygwin or MSYS, switch paths to Windows format before running java +if "$cygwin" || "$msys" ; then + APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) + CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) + + JAVACMD=$( cygpath --unix "$JAVACMD" ) + + # Now convert the arguments - kludge to limit ourselves to /bin/sh + for arg do + if + case $arg in #( + -*) false ;; # don't mess with options #( + /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath + [ -e "$t" ] ;; #( + *) false ;; + esac + then + arg=$( cygpath --path --ignore --mixed "$arg" ) + fi + # Roll the args list around exactly as many times as the number of + # args, so each arg winds up back in the position where it started, but + # possibly modified. + # + # NB: a `for` loop captures its iteration list before it begins, so + # changing the positional parameters here affects neither the number of + # iterations, nor the values presented in `arg`. + shift # remove old arg + set -- "$@" "$arg" # push replacement arg + done +fi + + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' + +# Collect all arguments for the java command: +# * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments, +# and any embedded shellness will be escaped. +# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be +# treated as '${Hostname}' itself on the command line. + +set -- \ + "-Dorg.gradle.appname=$APP_BASE_NAME" \ + -classpath "$CLASSPATH" \ + org.gradle.wrapper.GradleWrapperMain \ + "$@" + +# Stop when "xargs" is not available. +if ! command -v xargs >/dev/null 2>&1 +then + die "xargs is not available" +fi + +# Use "xargs" to parse quoted args. +# +# With -n1 it outputs one arg per line, with the quotes and backslashes removed. +# +# In Bash we could simply go: +# +# readarray ARGS < <( xargs -n1 <<<"$var" ) && +# set -- "${ARGS[@]}" "$@" +# +# but POSIX shell has neither arrays nor command substitution, so instead we +# post-process each arg (as a line of input to sed) to backslash-escape any +# character that might be a shell metacharacter, then use eval to reverse +# that process (while maintaining the separation between arguments), and wrap +# the whole thing up as a single "set" statement. +# +# This will of course break if any of these variables contains a newline or +# an unmatched quote. +# + +eval "set -- $( + printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | + xargs -n1 | + sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | + tr '\n' ' ' + )" '"$@"' + +exec "$JAVACMD" "$@" diff --git a/gradlew.bat b/gradlew.bat new file mode 100644 index 0000000..25da30d --- /dev/null +++ b/gradlew.bat @@ -0,0 +1,92 @@ +@rem +@rem Copyright 2015 the original author or authors. +@rem +@rem Licensed under the Apache License, Version 2.0 (the "License"); +@rem you may not use this file except in compliance with the License. +@rem You may obtain a copy of the License at +@rem +@rem https://www.apache.org/licenses/LICENSE-2.0 +@rem +@rem Unless required by applicable law or agreed to in writing, software +@rem distributed under the License is distributed on an "AS IS" BASIS, +@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +@rem See the License for the specific language governing permissions and +@rem limitations under the License. +@rem + +@if "%DEBUG%"=="" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +set DIRNAME=%~dp0 +if "%DIRNAME%"=="" set DIRNAME=. +@rem This is normally unused +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Resolve any "." and ".." in APP_HOME to make it shorter. +for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if %ERRORLEVEL% equ 0 goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:execute +@rem Setup the command line + +set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar + + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* + +:end +@rem End local scope for the variables with windows NT shell +if %ERRORLEVEL% equ 0 goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +set EXIT_CODE=%ERRORLEVEL% +if %EXIT_CODE% equ 0 set EXIT_CODE=1 +if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE% +exit /b %EXIT_CODE% + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/khtml-example/build.gradle b/khtml-example/build.gradle new file mode 100644 index 0000000..698ac3d --- /dev/null +++ b/khtml-example/build.gradle @@ -0,0 +1,42 @@ +plugins { + alias(catalog.plugins.kotlin.multiplatform) + alias(catalog.plugins.kotlin.serialization) +} + + +kotlin { + sourceSets { + jsMain { + dependencies { + implementation catalog.kotlin.serialization.json + implementation rootProject + + implementation(npm("bootstrap", "5.3.2")) + implementation(npm("bootstrap-icons", "1.11.3")) + implementation(npm("style-loader", "3.3.4")) + implementation(npm("css-loader", "6.10.0")) + implementation(npm("postcss-loader", "8.1.0")) + implementation(npm("sass", "1.71.1")) + implementation(npm("sass-loader", "14.1.1")) + implementation(npm("autoprefixer", "10.4.17")) + + } + } + } + js(IR) { + browser { + runTask { + sourceMaps = true + devServer.port = 8080 +// cssSupport { +// enabled.set(true) +// } + } + webpackTask { + sourceMaps = false + } + } + binaries.executable() + } +} + diff --git a/khtml-example/src/jsMain/kotlin/net/woggioni/khtml/example/Main.kt b/khtml-example/src/jsMain/kotlin/net/woggioni/khtml/example/Main.kt new file mode 100644 index 0000000..40ca9ae --- /dev/null +++ b/khtml-example/src/jsMain/kotlin/net/woggioni/khtml/example/Main.kt @@ -0,0 +1,105 @@ +package net.woggioni.khtml.example + +import kotlinx.browser.document +import net.woggioni.khtml.Khtml +import org.w3c.dom.HTMLElement + +@JsModule("bootstrap") +external val bootstrap : dynamic +fun main(vararg args: String) { + js("require ('./scss/styles.scss');") + Khtml.of(document, document.body as HTMLElement) { + main { + div { + h1 { + text("Hello, Bootstrap and Webpack!") + } + button { + classes("btn", "btn-primary") + text("Primary button") + } + } + div { + classes("container") + div { + classes("row") + table { + classes("table") + thead { + tr { + th { + attr("scope", "col") + text("#") + } + th { + attr("scope", "col") + text("First") + } + th { + attr("scope", "col") + text("Last") + } + th { + attr("scope", "col") + text("Handle") + } + } + } + tbody { + tr { + th { + attr("scope", "row") + text("1") + } + td { + attr("scope", "col") + text("Mark") + } + td { + attr("scope", "col") + text("Otto") + } + td { + attr("scope", "col") + text("@mdo") + } + } + tr { + th { + attr("scope", "row") + text("2") + } + td { + attr("scope", "col") + text("Jacob") + } + td { + attr("scope", "col") + text("Thornton") + } + td { + attr("scope", "col") + text("@fat") + } + } + tr { + th { + attr("scope", "row") + text("2") + } + td { + attr("colspan", "2") + text("Larry the Bird") + } + td { + attr("scope", "col") + text("@twitter") + } + } + } + } + } + } + } + } +} \ No newline at end of file diff --git a/khtml-example/src/jsMain/resources/index.html b/khtml-example/src/jsMain/resources/index.html new file mode 100644 index 0000000..4aa6578 --- /dev/null +++ b/khtml-example/src/jsMain/resources/index.html @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + Hello World! + + \ No newline at end of file diff --git a/khtml-example/src/jsMain/resources/scss/styles.scss b/khtml-example/src/jsMain/resources/scss/styles.scss new file mode 100644 index 0000000..d8dc8d2 --- /dev/null +++ b/khtml-example/src/jsMain/resources/scss/styles.scss @@ -0,0 +1 @@ +@import "bootstrap/scss/bootstrap"; \ No newline at end of file diff --git a/khtml-example/webpack.config.d/bootstrap.js b/khtml-example/webpack.config.d/bootstrap.js new file mode 100644 index 0000000..c9ac06d --- /dev/null +++ b/khtml-example/webpack.config.d/bootstrap.js @@ -0,0 +1,3 @@ +config.module.rules.push({test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, type: 'asset'}); +config.module.rules.push({test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, type: 'asset'}); +config.module.rules.push({test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, type: 'asset/resource'}); diff --git a/khtml-example/webpack.config.d/css.js b/khtml-example/webpack.config.d/css.js new file mode 100644 index 0000000..fd904af --- /dev/null +++ b/khtml-example/webpack.config.d/css.js @@ -0,0 +1 @@ +config.module.rules.push({ test: /\.css$/, use: ["style-loader", { loader: "css-loader", options: {sourceMap: false} } ] }); diff --git a/khtml-example/webpack.config.d/sass.js b/khtml-example/webpack.config.d/sass.js new file mode 100644 index 0000000..6c50675 --- /dev/null +++ b/khtml-example/webpack.config.d/sass.js @@ -0,0 +1,2 @@ +config.module.rules.push({ test: /\.s[ac]ss$/, use: ["style-loader", { loader: "css-loader", options: {sourceMap: false} }, "sass-loader" ] }); + diff --git a/settings.gradle b/settings.gradle new file mode 100644 index 0000000..3459fa1 --- /dev/null +++ b/settings.gradle @@ -0,0 +1,26 @@ +pluginManagement { + repositories { + gradlePluginPortal() + } +} + +dependencyResolutionManagement { + repositories { + maven { + url = 'https://woggioni.net/mvn/' + content { + includeGroup 'com.lys' + } + } + } + versionCatalogs { + catalog { + from group: 'com.lys', name: 'lys-catalog', version: getProperty('lys.version') + } + } +} + + +rootProject.name = 'khtml' + +include 'khtml-example' \ No newline at end of file diff --git a/src/jsMain/kotlin/net/woggioni/khtml/Khtml.kt b/src/jsMain/kotlin/net/woggioni/khtml/Khtml.kt new file mode 100644 index 0000000..509d372 --- /dev/null +++ b/src/jsMain/kotlin/net/woggioni/khtml/Khtml.kt @@ -0,0 +1,179 @@ +package net.woggioni.khtml + +import kotlin.coroutines.Continuation +import kotlin.coroutines.CoroutineContext +import kotlin.coroutines.EmptyCoroutineContext +import kotlin.coroutines.resume +import kotlin.coroutines.resumeWithException +import kotlin.coroutines.startCoroutine +import kotlin.coroutines.suspendCoroutine +import kotlin.js.Promise +import org.w3c.dom.Document +import org.w3c.dom.Element +import org.w3c.dom.events.Event + +class Khtml private constructor(private val doc : Document, val element: Element) { + companion object { + fun of(doc : Document, el: Element, cb : Khtml.(el : Element) -> Unit) : Element { + Khtml(doc, el).cb(el) + return el + } + + fun Element.removeChildren() { + while (true) { + removeChild(firstChild ?: break) + } + } + + fun Element.on(eventName : String, eventListener : (Event) -> Unit) { + addEventListener(eventName, eventListener) + } + + fun launch(block: suspend () -> Unit) { + block.startCoroutine(object : Continuation { + override val context: CoroutineContext get() = EmptyCoroutineContext + override fun resumeWith(result: Result) {} + }) + } + + suspend fun Promise.await(): T = suspendCoroutine { cont -> + then({ cont.resume(it) }, { cont.resumeWithException(it) }) + } + } + + + private inline fun bdn( + name : String, + attrs : Map, + cb : Khtml.(el : Element) -> Unit) : Element { + val child = doc.createElement(name) + for((key, value) in attrs) { + child.setAttribute(key, value) + } + element.appendChild(child) + Khtml(doc, child).cb(child) + return element + } + + fun html(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("html", attrs, cb) + fun head(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("head", attrs, cb) + fun body(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("body", attrs, cb) + fun use(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("use", attrs, cb) + fun svg(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("svg", attrs, cb) + fun div(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("div", attrs, cb) + fun header(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("header", attrs, cb) + fun main(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("main", attrs, cb) + fun footer(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("footer", attrs, cb) + fun a(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("a", attrs, cb) + fun meta(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("meta", attrs, cb) + fun script(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("script", attrs, cb) + fun link(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("link", attrs, cb) + fun title(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("title", attrs, cb) + fun p(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("p", attrs, cb) + fun span(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("span", attrs, cb) + fun i(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("i", attrs, cb) + fun del(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("del", attrs, cb) + fun s(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("s", attrs, cb) + fun ins(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("ins", attrs, cb) + fun u(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("u", attrs, cb) + fun b(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("b", attrs, cb) + fun small(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("small", attrs, cb) + fun strong(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("strong", attrs, cb) + fun em(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("em", attrs, cb) + fun mark(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("mark", attrs, cb) + fun obj(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("object", attrs, cb) + fun h1(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("h1", attrs, cb) + fun h2(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("h2", attrs, cb) + fun h3(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("h3", attrs, cb) + fun h4(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("h4", attrs, cb) + fun h5(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("h5", attrs, cb) + fun h6(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("h6", attrs, cb) + fun table(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("table", attrs, cb) + fun thead(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("thead", attrs, cb) + fun tbody(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("tbody", attrs, cb) + fun tfoot(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("tfoot", attrs, cb) + fun tr(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("tr", attrs, cb) + fun th(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("th", attrs, cb) + fun td(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("td", attrs, cb) + fun ol(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("ol", attrs, cb) + fun ul(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("ul", attrs, cb) + fun li(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("li", attrs, cb) + fun img(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("img", attrs, cb) + fun form(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("form", attrs, cb) + fun label(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("label", attrs, cb) + fun button(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("button", attrs, cb) + fun input(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("input", attrs, cb) + fun select(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("select", attrs, cb) + fun option(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("option", attrs, cb) + fun meter(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("meter", attrs, cb) + fun nav(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("nav", attrs, cb) + fun menu(attrs : Map = emptyMap(), + cb : Khtml.(el : Element) -> Unit) : Element = bdn("menu", attrs, cb) + fun classes(vararg classes : String) { + for(cls in classes) element.classList.add(cls) + } + + fun attr(key: String, value : String) { + element.setAttribute(key, value) + } + + fun text(txt : String) { + element.appendChild(doc.createTextNode(txt)) + } + + fun on(eventName : String, cb: (Event) -> Unit) { + element.addEventListener(eventName, cb) + } +}